extensions/WikiEditor/modules/jquery.wikiEditor.dialogs.config.less

   1 @import 'mediawiki.mixins';
   2
   3 /*
   4  * CSS for WikiEditor Dialogs
   5  */
   6
   7 /* stylelint-disable selector-no-id */
   8
   9 /* Replace Dialog */
  10 #wikieditor-toolbar-replace-search,
  11 #wikieditor-toolbar-replace-replace {
  12         width: 100%;
  13 }
  14
  15 /* Table Dialog */
  16 #wikieditor-toolbar-table-dialog {
  17         fieldset {
  18                 width: 218px;
  19                 padding: 0;
  20                 float: left;
  21         }
  22
  23         .wikieditor-toolbar-table-preview-wrapper {
  24                 width: 330px;
  25                 padding: 0;
  26                 float: right;
  27         }
  28 }
  29
  30 .wikieditor-toolbar-table-preview-content * {
  31         cursor: default;
  32 }
  33
  34 /* stylelint-disable declaration-no-important */
  35 .wikiEditor-toolbar-dialog {
  36         .wikieditor-toolbar-table-preview-wrapper {
  37                 table {
  38                         width: 100% !important;
  39                 }
  40         }
  41
  42         .wikieditor-toolbar-table-preview-content {
  43                 table {
  44                         td {
  45                                 padding: 10px 4px !important;
  46                                 height: auto !important;
  47                         }
  48
  49                         th {
  50                                 padding: 7px 3px !important;
  51                         }
  52                 }
  53         }
  54
  55         .ui-dialog-content {
  56                 padding: 30px 20px 1em !important;
  57         }
  58
  59         .ui-dialog-buttonpane {
  60                 border-top: 1px solid #ccc !important;
  61         }
  62 }
  63 /* stylelint-enable declaration-no-important */
  64
  65 .wikieditor-toolbar-table-dimension-fields {
  66         .wikieditor-toolbar-field-wrapper {
  67                 float: left;
  68                 margin-right: 20px;
  69                 vertical-align: bottom;
  70         }
  71 }
  72
  73 .wikieditor-toolbar-dialog-wrapper {
  74         width: 100%;
  75 }
  76
  77 /* Insert Link Dialog */
  78 #wikieditor-toolbar-link-int-target-status {
  79         float: right;
  80 }
  81
  82 #wikieditor-toolbar-link-int-target,
  83 #wikieditor-toolbar-link-int-text {
  84         width: 100%;
  85 }
  86
  87 #wikieditor-toolbar-tool-link-int-target-label {
  88         float: left;
  89         line-height: 1.7em;
  90 }
  91
  92 #wikieditor-toolbar-link-int-target-status-exists,
  93 #wikieditor-toolbar-link-int-target-status-notexists,
  94 #wikieditor-toolbar-link-int-target-status-invalid,
  95 #wikieditor-toolbar-link-int-target-status-external,
  96 #wikieditor-toolbar-link-int-target-status-loading,
  97 #wikieditor-toolbar-link-int-target-status-disambig {
  98         padding-left: 30px;
  99         background-position: 0 50%;
 100         background-repeat: no-repeat;
 101 }
 102
 103 #wikieditor-toolbar-link-int-target-status-exists {
 104         .background-image('images/dialogs/insert-link-exists.png');
 105         background-position: left;
 106 }
 107
 108 #wikieditor-toolbar-link-int-target-status-notexists {
 109         .background-image('images/dialogs/insert-link-notexists.png');
 110         background-position: left;
 111 }
 112
 113 #wikieditor-toolbar-link-int-target-status-invalid {
 114         .background-image('images/dialogs/insert-link-invalid.png');
 115         background-position: left;
 116 }
 117
 118 #wikieditor-toolbar-link-int-target-status-external {
 119         .background-image('images/dialogs/insert-link-external.png');
 120         background-position: left;
 121 }
 122
 123 #wikieditor-toolbar-link-int-target-status-loading {
 124         .background-image('images/dialogs/loading-small.gif');
 125         background-position: right;
 126         height: 18px;
 127 }
 128
 129 #wikieditor-toolbar-link-int-target-status-disambig {
 130         .background-image('images/dialogs/insert-disambiguation.png');
 131         background-position: left;
 132 }
 133
 134 /* File dialog */
 135 #wikieditor-toolbar-file-target,
 136 #wikieditor-toolbar-file-caption {
 137         width: 100%;
 138 }
 139
 140 .wikieditor-toolbar-file-options {
 141         .wikieditor-toolbar-field-wrapper {
 142                 float: left;
 143                 margin: 0 20px 0 0;
 144         }
 145 }
 146
 147 #wikieditor-toolbar-file-dialog + .ui-dialog-buttonpane {
 148         .ui-dialog-buttonset {
 149                 width: 100%;
 150                 text-align: right;
 151
 152                 /* Upload button */
 153                 .ui-button:last-child {
 154                         float: left;
 155                 }
 156         }
 157 }
 158
 159 /* Reference Dialog */
 160 #wikieditor-toolbar-reference-dialog {
 161         label {
 162                 float: left;
 163                 line-height: 1.7em;
 164         }
 165 }
 166
 167 #wikieditor-toolbar-reference-text {
 168         width: 100%;
 169 }
 170
 171 /* RTL Changes */
 172
 173 body.rtl {
 174         .wikiEditor-toolbar-dialog {
 175                 .ui-dialog-buttonpane {
 176                         button {
 177                                 float: left;
 178                                 // stylelint-disable-next-line declaration-no-important
 179                                 margin: 0.5em 0.4em 0.5em 0 !important;
 180                         }
 181                 }
 182         }
 183 }
 184
 185 /* Template Editor Dialogs */
 186 .wikiEditor-template-dialog-fields {
 187         label {
 188                 text-transform: capitalize;
 189                 float: left;
 190                 width: 25%;
 191                 line-height: 2.25em;
 192         }
 193
 194         textarea {
 195                 float: right;
 196                 width: 70%;
 197                 line-height: 1.5em;
 198                 height: 1.5em;
 199         }
 200
 201         .wikiEditor-template-dialog-field-wrapper {
 202                 padding: 0.75em 0.33em;
 203                 border-bottom: 1px dashed #c0c0c0;
 204                 clear: both;
 205
 206                 &:first-child {
 207                         padding-top: 0;
 208                 }
 209
 210                 &:last-child {
 211                         border-bottom: 0;
 212                 }
 213         }
 214 }
 215
 216 /* Self Clearing Floats */
 217 .wikieditor-toolbar-table-dimension-fields:after,
 218 .wikieditor-toolbar-dialog-wrapper:after {
 219         visibility: hidden;
 220         display: block;
 221         font-size: 0;
 222         content: ' ';
 223         clear: both;
 224         height: 0;
 225 }
 226
 227 /* Hides from IE-mac \*/
 228 * html {
 229         .wikieditor-toolbar-table-dimension-fields,
 230         .wikieditor-toolbar-dialog-wrapper {
 231                 height: 1%;
 232         }
 233 }
 234
 235 .wikieditor-toolbar-table-dimension-fields,
 236 .wikieditor-toolbar-dialog-wrapper {
 237         display: inline-table;
 238         display: block;
 239 }
 240
 241 /* End hide from IE-mac */
 242 /* Edit dialog */
 243 .wikiEditor-dialog-editoptions {
 244         margin-top: 15px;
 245 }
 246
 247 /* Publish dialog */
 248 .wikiEditor-publish-dialog-copywarn {
 249         margin-top: 0.5em;
 250 }
 251
 252 .wikiEditor-publish-dialog-summary {
 253         margin-top: 1.5em;
 254 }
 255
 256 .wikiEditor-publish-dialog-options {
 257         margin-top: 1.5em;
 258 }