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

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