"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-4434/css/modals/_dialog.scss" (25 Sep 2020, 3385 Bytes) of package /linux/misc/jitsi-meet-4434.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) SASS/SCSS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 .dialog {
    2     box-sizing: border-box;
    3     height: auto;
    4     min-height: 131px;
    5     overflow: visible;
    6     visibility: visible;
    7     width: 400px;
    8 
    9     h1, h2, h3, h4, h5, h6 {
   10         color: $auiDialogColor;
   11     }
   12 
   13     .aui {
   14 
   15         &-dialog2 {
   16             &-header, &-footer {
   17                 background-color: $auiDialogBg;
   18                 border: none;
   19             }
   20 
   21             &-header {
   22                 border-bottom: 1px solid $auiBorderColor;
   23                 border-radius: 5px 5px 0 0;
   24                 box-sizing: border-box;
   25                 color: #333;
   26                 display: table;
   27                 font-weight: normal;
   28                 height: em(58, 12);
   29                 margin-top: -69px;
   30                 padding: 0 20px;
   31                 width: 100%;
   32 
   33                 h2 {
   34                     font-size: em(20, 12);
   35                     font-weight: $dialogTitleFontWeight;
   36                     color: $auiDialogColor;
   37                 }
   38 
   39                 &-main {
   40                     display: table-cell;
   41                     padding-right: 0;
   42                     max-width: 400px;
   43                     overflow: hidden;
   44                     text-overflow: ellipsis;
   45                     vertical-align: middle;
   46                     white-space: nowrap;
   47 
   48                 }
   49             }
   50 
   51             &-footer {
   52                 border-top: 1px solid $auiBorderColor;
   53                 border-radius: 0 0 5px 5px;
   54                 box-sizing: border-box;
   55                 height: 51px;
   56                 overflow: hidden;
   57                 padding: 10px 20px;
   58                 width: 100%;
   59 
   60                 &:empty {
   61                     height: 5px;
   62                     padding: 0;
   63                 }
   64             }
   65 
   66             &-content {
   67                 background-color: $auiDialogBg;
   68                 box-sizing: border-box;
   69                 color: $auiDialogColor;
   70                 font-size: em(14, 12);
   71                 overflow: auto;
   72                 max-height: 100%;
   73                 padding: 20px;
   74 
   75                 p,span, h3 {
   76                     font-weight: $labelFontWeight;
   77                 }
   78 
   79                 &:last-child {
   80                     border-bottom-right-radius: 5px;
   81                     border-bottom-left-radius: 5px;
   82                 }
   83 
   84                 &:first-child {
   85                     border-top-right-radius: 5px;
   86                     border-top-left-radius: 5px;
   87                 }
   88             }
   89         }
   90 
   91         &-hide {
   92             display: none;
   93         }
   94     }
   95 
   96     .input-control {
   97         background-color: $auiDialogContentBg;
   98         color: $auiDialogColor;
   99     }
  100 
  101     .form-control:not(:last-child) {
  102         border-bottom: 1px solid $auiBorderColor;
  103     }
  104 }
  105 
  106 @media all and (max-width: 420px) {
  107   .aui-dialog2-small .aui-dialog2-content {
  108     height: 100%;
  109   }
  110 }
  111 
  112 .modal-dialog-form {
  113     margin-top: 5px !important;
  114 
  115     .input-control {
  116         background: $modalMockAKInputBackground;
  117         border: $modalMockAKInputBorder;
  118         color: inherit;
  119     }
  120 
  121     &-error {
  122         margin-bottom: 8px;
  123     }
  124 }
  125 .modal-dialog-footer {
  126     font-size: $modalButtonFontSize;
  127 }
  128 
  129 /**
  130  * Styling inline dialog errors.
  131  */
  132 .inline-dialog-error {
  133     margin-top: 16px;
  134 
  135     &-text {
  136         color: $dialogErrorText;
  137         margin-bottom: 8px;
  138         text-align: center;
  139     }
  140 
  141     &-button {
  142         display: block;
  143         margin: 16px auto 0 auto;
  144     }
  145 }