ecomp-portal-FE/client/app/styles/ng-dialog.less

   1 /*-
   2  * ================================================================================
   3  * eCOMP Portal
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ================================================================================
  19  */
  20  .ngdialog.ngdialog-theme-default.ng-scope {
  21 .ngdialog-content {
  22         background-color: @u;
  23         padding: 0;
  24         box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  25         border-radius: 4px;
  26         top: -100px;
  27     .title {
  28             margin: 0 16px;
  29             height: 48px;
  30             line-height: 48px;
  31         }
  32
  33     .ngdialog-close {
  34             top: 6px;
  35             right: 6px;
  36         }
  37     .app-roles-main {
  38             margin: 20px 16px 0;
  39         }
  40     }
  41 }
  42
  43 .ngdialog.ngdialog-theme-default .ngdialog-content {
  44     width: 532px;
  45     padding: 16px;
  46 }
  47
  48 .ngdialog.ngdialog-theme-default.confirm-box .ngdialog-content{
  49   @height: 160px;
  50   @width: 400px;
  51
  52   width: @width;
  53   height: @height;
  54   padding: 20px;
  55   position: absolute;
  56   top: 300px;
  57   left: ~"calc(50% - @{width}/2)";
  58 }
  59
  60
  61 .dialog-control {
  62   position: absolute;
  63   bottom: 16px;
  64   right: 16px;
  65   .next-button {
  66     display: inline-block;
  67     .btn-blue;
  68     width: 90px;
  69     margin-right: 10px;
  70   }
  71   .cancel-button {
  72     display: inline-block;
  73     .btn-blue;
  74     width: 90px;
  75   }
  76   .save-button {
  77     display: inline-block;
  78     .btn-blue;
  79     width: 90px;
  80   }
  81   .back-button {
  82     display: inline-block;
  83     .btn-blue;
  84     width: 90px;
  85     margin-right: 10px;
  86   }
  87
  88 }