openecomp-ui/resources/scss/_components.scss

   1 @import "components/punchOut";
   2 @import "components/forms";
   3 @import "components/validationForm";
   4 @import "components/dualListBox";
   5 @import "components/listEditorView";
   6 @import "components/toggleInput";
   7 @import "components/notifications";
   8 @import "components/inputOptions";
   9 @import "components/progressBar";
  10 @import "components/versionController";
  11 @import "components/sequenceDiagram";
  12 @import "components/navigationSideBar";
  13 @import "components/loader";
  14 @import "components/dropzone";
  15 @import "components/submitErrorResponse";
  16 @import "components/expandableInput";
  17 @import "components/grid";
  18 @import "components/activityLog";
  19 @import "components/selectActionTable";
  20 @import "components/datepicker";
  21 @import "components/tree";
  22 @import "components/commitModal";
  23 @import "components/userNotifications";
  24 @import "components/overlay";
  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
  77 .chevron::before {
  78   border-style: solid;
  79   border-width: 0.15em 0.15em 0 0;
  80   content: '';
  81   display: inline-block;
  82   height: 0.8em;
  83   left: 0.15em;
  84   position: relative;
  85   top: 0.15em;
  86   vertical-align: top;
  87   width: 0.8em;
  88 }
  89 .chevron.right:before {
  90   left: 0;
  91   transform: rotate(45deg);
  92 }
  93 .chevron.down:before {
  94   transform: rotate(135deg);
  95 }
  96 .chevron.left:before {
  97   transform: rotate(-135deg);
  98 }
  99 .chevron.top:before {
 100   transform: rotate(-45deg);
 101 }