catalog-ui/src/app/ng2/pages/composition/graph/canvas-search/canvas-search.component.less

   1 .canvas-search-component {
   2
   3   .canvas-search-bar-container {
   4     display:flex;
   5     border-radius: 4px;
   6     align-items: center;
   7     box-shadow: 0px 2px 3.88px 0.12px rgba(0, 0, 0, 0.29);
   8
   9     /deep/.sdc-search-bar .search-bar-container .search-button {
  10       border: solid 1px #d2d2d2;
  11     }
  12
  13     /deep/.sdc-input__input {
  14       width: 250px;
  15       transition: all 0.4s;
  16     }
  17
  18     .canvas-clear-search {
  19       position: absolute;
  20       right: 45px;
  21     }
  22   }
  23
  24   &:not(:hover):not(.canvas-search-visible):not(.active) {
  25     border-radius: 0;
  26     box-shadow: none;
  27
  28     /deep/.sdc-input__input:not(:focus) {
  29       border: none;
  30       padding: 0px;
  31       width: 0px;
  32     }
  33     .canvas-clear-search {
  34       display: none;
  35     }
  36   }
  37 }
  38
  39 @keyframes spin {
  40   0% { transform: rotate(0deg); }
  41   100% { transform: rotate(360deg); }
  42 }