openecomp-ui/resources/scss/_components.scss

   1 @import 'components/forms';
   2 @import 'components/validationForm';
   3 @import 'components/dualListBox';
   4 @import 'components/listEditorView';
   5 @import 'components/toggleInput';
   6 @import 'components/inputOptions';
   7 @import 'components/progressBar';
   8 @import 'components/versionController';
   9 @import 'components/sequenceDiagram';
  10 @import 'components/navigationSideBar';
  11 @import 'components/loader';
  12 @import 'components/dropzone';
  13 @import 'components/submitErrorResponse';
  14 @import 'components/expandableInput';
  15 @import 'components/grid';
  16 @import 'components/activityLog';
  17 @import 'components/selectActionTable';
  18 @import 'components/datepicker';
  19 @import 'components/tree';
  20 @import 'components/commitModal';
  21 @import 'components/userNotifications';
  22 @import 'components/overlay';
  23 @import 'components/vspDetailsVendorSelect';
  24 @import 'components/vnfBrowse';
  25
  26 %noselect {
  27     -webkit-touch-callout: none;
  28     -webkit-user-select: none;
  29     -moz-user-select: none;
  30     -ms-user-select: none;
  31     user-select: none;
  32 }
  33
  34 .clickable {
  35     cursor: pointer;
  36 }
  37
  38 .no-padding {
  39     padding: 0;
  40 }
  41
  42 .next-to-icon-label {
  43     $margin: 10px;
  44     margin-left: $margin;
  45     &.right {
  46         margin-left: 0;
  47         margin-right: $margin;
  48     }
  49 }
  50
  51 .search-wrapper {
  52     display: flex;
  53     .search-input-control {
  54         flex: 1 1;
  55         margin: 0;
  56         .form-control {
  57             font-style: italic;
  58         }
  59     }
  60     .search-icon {
  61         position: relative;
  62         left: -23px;
  63         align-self: center;
  64         width: 0;
  65         color: $dark-gray;
  66     }
  67     .filter-icon {
  68         position: relative;
  69         left: -20px;
  70         align-self: center;
  71         width: 0;
  72         background-color: $white;
  73     }
  74 }
  75
  76 .chevron::before {
  77     border-style: solid;
  78     border-width: 0.15em 0.15em 0 0;
  79     content: '';
  80     display: inline-block;
  81     height: 0.8em;
  82     left: 0.15em;
  83     position: relative;
  84     top: 0.15em;
  85     vertical-align: top;
  86     width: 0.8em;
  87 }
  88 .chevron.right:before {
  89     left: 0;
  90     transform: rotate(45deg);
  91 }
  92 .chevron.down:before {
  93     transform: rotate(135deg);
  94 }
  95 .chevron.left:before {
  96     transform: rotate(-135deg);
  97 }
  98 .chevron.top:before {
  99     transform: rotate(-45deg);
 100 }