catalog-ui/src/app/ng2/pages/type-workspace/type-workspace.component.less

   1 /*
   2  * -
   3  *  ============LICENSE_START=======================================================
   4  *  Copyright (C) 2022 Nordix Foundation.
   5  *  ================================================================================
   6  *  Licensed under the Apache License, Version 2.0 (the "License");
   7  *  you may not use this file except in compliance with the License.
   8  *  You may obtain a copy of the License at
   9  *
  10  *       http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  *  Unless required by applicable law or agreed to in writing, software
  13  *  distributed under the License is distributed on an "AS IS" BASIS,
  14  *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15  *  See the License for the specific language governing permissions and
  16  *  limitations under the License.
  17  *
  18  *  SPDX-License-Identifier: Apache-2.0
  19  *  ============LICENSE_END=========================================================
  20  */
  21
  22 @import '../../../../assets/styles/variables.less';
  23 @import '../../../../assets/styles/mixins.less';
  24 @import '../../../../assets/styles/mixins_old.less';
  25 @import '../../../../assets/styles/sprite.less';
  26
  27 .sdc-workspace-container {
  28     .bg_p;
  29
  30     .w-sdc-main-right-container {
  31
  32         padding: 0;
  33         background-color: @main_color_p;
  34
  35         .sdc-workspace-top-bar {
  36             height: @action_nav_height;
  37             padding: 12px 10px 0 50px;
  38             border-bottom: 1px solid @main_color_o;
  39             display: flex;
  40             justify-content: space-between;
  41             white-space: nowrap;
  42             overflow-x: auto;
  43             overflow-y: hidden;
  44
  45             .progress-container {
  46                 flex-grow: 4;
  47                 z-index: 1;
  48                 display: inline-block;
  49
  50                 .general-view-top-progress {
  51                     width: 30%;
  52                     margin: 0 auto;
  53                     min-width: 140px;
  54                 }
  55             }
  56
  57             .not-latest {
  58                 position: absolute;
  59                 left: 24px;
  60                 top: 20px;
  61                 .sprite-new;
  62                 .asdc-warning;
  63                 display: inline-block;
  64             }
  65
  66             .sdc-workspace-top-bar-buttons {
  67
  68                 > button, > span:not(.delimiter) {
  69                     margin-right: 10px;
  70                     vertical-align: middle;
  71                     .hand;
  72
  73                     &.sprite-new {
  74                         text-indent: 100%;
  75                     }
  76
  77                     &.disabled, &:hover.disabled {
  78                         pointer-events: none;
  79                     }
  80                 }
  81
  82                 .delimiter {
  83                     height: 32px;
  84                     width: 1px;
  85                     background-color: @main_color_o;
  86                     display: inline-block;
  87                     vertical-align: middle;
  88                     margin-right: 20px;
  89                 }
  90
  91                 display: inline-block;
  92
  93             }
  94         }
  95
  96         .workspace-tab-title {
  97             height: 110px;
  98             padding-left: 100px;
  99             line-height: 110px;
 100             .f-type ._28;
 101         }
 102
 103         .w-sdc-main-container-body-content {
 104             align-items: center;
 105             padding: 0 100px 20px 100px;
 106
 107             &.third-party {
 108                 text-align: left;
 109                 padding: 0;
 110                 position: absolute;
 111                 top: @action_nav_height + @tab_title;
 112                 left: 0;
 113                 right: 0;
 114                 bottom: 0;
 115             }
 116         }
 117
 118         .w-sdc-main-container-body-content-wrapper {
 119             overflow: auto;
 120             height: calc(~'100% - @{action_nav_height}');
 121
 122             .w-sdc-main-container-body-content-header {
 123                 display: flex;
 124
 125                 .workspace-tab-title {
 126                     flex-grow: 1;
 127                 }
 128
 129                 .w-sdc-main-container-body-content-action-buttons {
 130                     margin: 72px 100px 0 0;
 131
 132                     > * {
 133                         display: inline-block;
 134                         vertical-align: middle;
 135                     }
 136
 137                     .revert-btn {
 138                         text-indent: 100%;
 139                     }
 140
 141                     .save-btn {
 142                         text-indent: 100%;
 143                     }
 144                 }
 145             }
 146         }
 147     }
 148 }
 149