openecomp-ui/resources/scss/_components.scss

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