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/slidePanel";
   6 @import "components/dualListBox";
   7 @import "components/listEditorView";
   8 @import "components/toggleInput";
   9 @import "components/notifications";
  10 @import "components/inputOptions";
  11 @import "components/progressBar";
  12 @import "components/versionController";
  13 @import "components/sequenceDiagram";
  14 @import "components/navigationSideBar";
  15 @import "components/loader";
  16 @import "components/dropzone";
  17 @import "components/submitErrorResponse";
  18 @import "components/expandableInput";
  19
  20 %noselect {
  21   -webkit-touch-callout: none;
  22   -webkit-user-select: none;
  23   -moz-user-select: none;
  24   -ms-user-select: none;
  25   user-select: none;
  26 }
  27
  28 .clickable {
  29   cursor: pointer;
  30 }
  31
  32 .no-padding {
  33   padding: 0;
  34 }
  35
  36 .next-to-icon-label {
  37   $margin: 10px;
  38   margin-left: $margin;
  39   &.right {
  40     margin-left: 0;
  41     margin-right: $margin;
  42   }
  43 }
  44
  45 .search-wrapper {
  46   display: flex;
  47   .search-input-control {
  48     flex: 1 1;
  49     margin: 0;
  50     .form-control {
  51       font-style: italic;
  52     }
  53   }
  54   .search-icon {
  55     position: relative;
  56     left: -20px;
  57     align-self: center;
  58     width: 0;
  59     color: $dark-gray;
  60   }
  61   .filter-icon {
  62     position: relative;
  63     left: -20px;
  64     align-self: center;
  65     width: 0;
  66     background-color: $white;
  67   }
  68 }
  69
  70 .warning-icon {
  71   margin-left: 50%;
  72   color: $yellow;
  73 }