diff options
Diffstat (limited to 'MLEB/Translate/resources/css')
13 files changed, 190 insertions, 138 deletions
diff --git a/MLEB/Translate/resources/css/ext.translate.groupselector.less b/MLEB/Translate/resources/css/ext.translate.groupselector.less index 025dfa85..dbce8d3d 100644 --- a/MLEB/Translate/resources/css/ext.translate.groupselector.less +++ b/MLEB/Translate/resources/css/ext.translate.groupselector.less @@ -7,8 +7,7 @@ position: absolute; top: 14px; right: 0; - z-index: 1000; - display: none; + z-index: 900; margin-top: 13px; width: 600px; padding: 0; @@ -16,6 +15,10 @@ background-color: #f0f0f0; border-radius: 5px; box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.2 ); + + &.hide { + display: none; + } } /* The triangle shaped callout */ @@ -61,7 +64,7 @@ } .tux-groupselector__filter__search__icon { - .background-image( '../images/search.svg' ); + background-image: url( ../images/search.svg ); background-repeat: no-repeat; background-position: right center; background-size: 25px; diff --git a/MLEB/Translate/resources/css/ext.translate.quickedit.css b/MLEB/Translate/resources/css/ext.translate.quickedit.css index 3cd2825d..ee9ad228 100644 --- a/MLEB/Translate/resources/css/ext.translate.quickedit.css +++ b/MLEB/Translate/resources/css/ext.translate.quickedit.css @@ -2,35 +2,16 @@ color: #00f; } -.mw-translate-tmsug { - margin-bottom: 0.2em; -} - .mw-sp-translate-edit-fields fieldset { line-height: normal; margin: 0; border: 1px solid #dbdbdb; - /* Browsers suck - max-height: 250px; */ - overflow: auto; } .mw-sp-translate-edit-fields legend { background-color: transparent; } -.mw-translate-edit-extra { - border-bottom: 1px solid #000; -} - -.mw-translate-legend { - border-left: 1px solid #000; - float: right; - margin-left: 1em; - padding-left: 5pt; - font-weight: bold; -} - /* Align the adder according to the target language */ /* @noflip */ .mw-translate-adder-ltr { @@ -44,11 +25,6 @@ padding-left: 1px; } -.mw-translate-sep { - margin-bottom: 1ex; - margin-top: 0.5ex; -} - .mw-translate-edit-deftext { /* * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari. @@ -59,37 +35,7 @@ font-family: monospace, monospace; } -.mw-translate-edit-area { - padding: 0; - width: 100%; -} - -/* Buttons */ -.mw-translate-save { - font-weight: bold; -} - -.mw-translate-history { - float: right; -} - -.mw-ajax-dialog #summary { - width: 5em; -} - /* Blue tints for translate fieldsets */ -.mw-sp-translate-edit-inother { - background-color: #f8f8ff; -} - -.mw-sp-translate-in-other-small { - background-color: #f0f8ff; -} - -.mw-sp-translate-in-other-big { - background-color: #f0f8ff; -} - .mw-sp-translate-message-documentation { background-color: #ebebeb; } @@ -97,13 +43,3 @@ .mw-sp-translate-edit-definition { background-color: #eaf3fc; } - -.mw-translate-inputs { - overflow: auto; /* Fix "100%" width after floats issue */ - padding: 2px; /* Avoid random scrollbars (browsers suck) */ -} - -.mw-translate-bottom { - clear: both; - margin-top: -3px; /* Reduce excess whitespace */ -} diff --git a/MLEB/Translate/resources/css/ext.translate.special.managegroups.css b/MLEB/Translate/resources/css/ext.translate.special.managegroups.css index 53d4c0cf..53f9b5a0 100644 --- a/MLEB/Translate/resources/css/ext.translate.special.managegroups.css +++ b/MLEB/Translate/resources/css/ext.translate.special.managegroups.css @@ -38,6 +38,11 @@ right: 0; } +/** Added to override hover style added by Timeless */ +.mw-translate-smg-change .smg-rename-actions:hover { + background-color: transparent; +} + .mw-translate-smg-change .smg-rename-actions.loading { background: transparent url( ../images/loading.gif ) center center no-repeat; background-size: 90%; @@ -47,14 +52,20 @@ padding: 0.75em 0.5em 0 0.5em; } -.mw-translate-smg-submit { - font-size: 5em; +.oo-ui-buttonElement.mw-translate-smg-submit { + display: block; +} + +.oo-ui-buttonElement.mw-translate-smg-submit button { + font-size: 3em; margin: auto; width: 80%; display: block; + word-wrap: break-word; + white-space: pre-wrap; } -.diff-lineno { +.mw-translate-smg-change .diff-lineno { display: none; } @@ -63,10 +74,19 @@ font-weight: bold; } +.mw-translate-hide { + display: none; +} + .warningbox.mw-translate-smg-submitted { margin-top: 2.5em; } +.mw-translate-smg-change .mw-translate-smg-notice-important { + background: #fbb; + border: 1px solid #f58d8d; +} + /************************** * Rename dropdown styles **************************/ @@ -85,7 +105,8 @@ display: block; } -.smg-rename-dropdown-menu button { +/* Additional class to override CSS from skins */ +.smg-rename-dropdown-menu.smg-rename-dropdown-menu button { display: block; background: none; border: 0; @@ -95,10 +116,48 @@ white-space: nowrap; color: #222; font-size: 14px; + font-weight: normal; } -.smg-rename-dropdown-menu button:hover { +.smg-rename-dropdown-menu.smg-rename-dropdown-menu button:hover { cursor: pointer; background-color: #f0f0f0; color: #222; } + +.smg-group-sync-cache-info { + padding: 0.5em 1em; + background: #f0f0f0; + border-radius: 3px; + margin-bottom: 1em; +} + +.smg-group-sync-cache-info__help { + position: absolute; + right: 1em; +} + +.smg-group-sync-cache-info__group-errors { + margin-bottom: 0.5em; + background-color: #e0e0e0; + padding: 0.5em 1em; + border-radius: 3px; +} + +.smg-group-sync-cache-info__message-error dt { + float: left; + text-align: right; + margin-right: 5px; +} + +.client-nojs .smg-group-sync-cache-info__resolve-action { + pointer-events: none; + text-decoration: line-through; + color: inherit; +} + +.smg-group-sync-cache-info__sync-actions .loading { + pointer-events: none; + color: inherit; + text-decoration: none; +} diff --git a/MLEB/Translate/resources/css/ext.translate.special.pagemigration.css b/MLEB/Translate/resources/css/ext.translate.special.pagemigration.css index 06c061cf..ced60095 100644 --- a/MLEB/Translate/resources/css/ext.translate.special.pagemigration.css +++ b/MLEB/Translate/resources/css/ext.translate.special.pagemigration.css @@ -5,14 +5,10 @@ border: 2px solid #808080; } -#title { +.mw-tpm-sp-form #title { width: 35%; } -.hide { - display: none; -} - .mw-tpm-sp-unit:last-child .mw-tpm-sp-action--swap, .mw-tpm-sp-unit:last-child .mw-tpm-sp-action--add { display: none; @@ -22,7 +18,7 @@ padding-bottom: 10px; } -.grid .mw-tpm-sp-unit textarea { +.mw-tpm-sp-container .mw-tpm-sp-unit textarea { padding: 10px; } @@ -67,7 +63,7 @@ margin: 0.7em 0; } -.client-nojs .grid { +.client-nojs .mw-tpm-sp-container { display: none; } diff --git a/MLEB/Translate/resources/css/ext.translate.special.pagepreparation.css b/MLEB/Translate/resources/css/ext.translate.special.pagepreparation.css index d68d6072..35de8fd5 100644 --- a/MLEB/Translate/resources/css/ext.translate.special.pagepreparation.css +++ b/MLEB/Translate/resources/css/ext.translate.special.pagepreparation.css @@ -1,8 +1,8 @@ -#page { +.mw-tpp-sp-form #page { width: 35%; } -.client-nojs .grid { +.client-nojs .mw-tpp-sp-container { display: none; } diff --git a/MLEB/Translate/resources/css/ext.translate.special.pagetranslation.css b/MLEB/Translate/resources/css/ext.translate.special.pagetranslation.css index c6afa183..910f6533 100644 --- a/MLEB/Translate/resources/css/ext.translate.special.pagetranslation.css +++ b/MLEB/Translate/resources/css/ext.translate.special.pagetranslation.css @@ -21,11 +21,6 @@ padding-right: 2em; } -.ui-autocomplete { - max-height: 100px; - overflow-y: auto; - /* prevent horizontal scrollbar */ - overflow-x: hidden; - /* add padding to account for vertical scrollbar */ - padding-right: 20px; +.client-nojs .mw-tpt-sp-markform .mw-widgets-pendingTextInputWidget { + display: none; } diff --git a/MLEB/Translate/resources/css/ext.translate.special.searchtranslations.css b/MLEB/Translate/resources/css/ext.translate.special.searchtranslations.css index c866a818..9f5752ad 100644 --- a/MLEB/Translate/resources/css/ext.translate.special.searchtranslations.css +++ b/MLEB/Translate/resources/css/ext.translate.special.searchtranslations.css @@ -116,7 +116,7 @@ margin: 5px 0; } -h1.firstHeading { +.mw-special-SearchTranslations h1.firstHeading { display: none; } diff --git a/MLEB/Translate/resources/css/ext.translate.special.supportedlanguages.css b/MLEB/Translate/resources/css/ext.translate.special.supportedlanguages.css index 0bab7abe..d0553411 100644 --- a/MLEB/Translate/resources/css/ext.translate.special.supportedlanguages.css +++ b/MLEB/Translate/resources/css/ext.translate.special.supportedlanguages.css @@ -8,13 +8,13 @@ margin-top: 2em; } -.tagcloud { +.mw-special-SupportedLanguages .tagcloud { line-height: 200%; margin: 5em; text-align: center; } -.tagcloud .tag { +.mw-special-SupportedLanguages .tagcloud .tag { white-space: nowrap; margin: 0.5ex; color: #000; diff --git a/MLEB/Translate/resources/css/ext.translate.special.translate.css b/MLEB/Translate/resources/css/ext.translate.special.translate.css index 5c1e0731..73766c02 100644 --- a/MLEB/Translate/resources/css/ext.translate.special.translate.css +++ b/MLEB/Translate/resources/css/ext.translate.special.translate.css @@ -191,19 +191,17 @@ } } -.tux-message-filter-wrapper { - background: no-repeat scroll left center transparent; - background-image: /* @embed */ linear-gradient( transparent, transparent ), url( ../images/search.svg ); - background-size: 25px; - padding-left: 30px; -} - .tux-message-filter-box { + background: no-repeat url( ../images/search.svg ) 8px center; + background-size: 18px; font-size: 14px; + /* FIXME: `box-sizing` lives here due to a shortcoming in Timeless, isn't needed in other skins + As soon as https://phabricator.wikimedia.org/T276896 is resolved, next line should be removed */ + box-sizing: border-box !important; height: 28px; border: 1px solid #c9c9c9; width: 100%; - padding: 0 5px; + padding: 0 5px 0 34px; margin: 0; } @@ -214,3 +212,7 @@ .client-js .tux-nojs { display: none; } + +.mw-special-Translate #firstHeading { + display: none; +} diff --git a/MLEB/Translate/resources/css/ext.translate.special.translations.css b/MLEB/Translate/resources/css/ext.translate.special.translations.css index 030369e1..aa177067 100644 --- a/MLEB/Translate/resources/css/ext.translate.special.translations.css +++ b/MLEB/Translate/resources/css/ext.translate.special.translations.css @@ -1,39 +1,7 @@ -.mw-sp-translate-table { - width: 100%; - border-width: 1px; - border-collapse: collapse; -} - -.mw-sp-translate-table th { - background-color: #b2b2ff; - border: 1px solid; -} - -.mw-sp-translate-table tr.orig { +.mw-sp-translate-table .mw-sp-translate-fuzzy { background-color: #ffe2e2; } -.mw-sp-translate-table tr.new { - background-color: #e2ffe2; -} - -.mw-sp-translate-table tr.def { - background-color: #f0f0ff; -} - -.mw-sp-translate-table tr.ign { - background-color: #202020; -} - -.mw-sp-translate-table tr.opt { - background-color: #f2f200; -} - -.mw-sp-translate-table .untranslated { - background-color: #a2f290; -} - -.mw-sp-translate-table > tbody > tr > * { +.mw-sp-translate-table td { vertical-align: top; - border: 1px solid #909090; } diff --git a/MLEB/Translate/resources/css/ext.translate.statstable.less b/MLEB/Translate/resources/css/ext.translate.statstable.less index a33400f1..ee70f44d 100644 --- a/MLEB/Translate/resources/css/ext.translate.statstable.less +++ b/MLEB/Translate/resources/css/ext.translate.statstable.less @@ -21,6 +21,10 @@ cursor: s-resize; } + .statstable-hide { + display: none; + } + /* Small zebra rows effect */ > * > tr { &.tux-statstable-even > td { @@ -40,6 +44,9 @@ padding: 0.5em; font-weight: normal; letter-spacing: 1px; + position: sticky; + top: 0; + z-index: 1; } > td { diff --git a/MLEB/Translate/resources/css/ext.translate.tabgroup.css b/MLEB/Translate/resources/css/ext.translate.tabgroup.css index 9943d134..fa8f48ff 100644 --- a/MLEB/Translate/resources/css/ext.translate.tabgroup.css +++ b/MLEB/Translate/resources/css/ext.translate.tabgroup.css @@ -1,8 +1,3 @@ -/* Heading not needed for special pages in tab group */ -#firstHeading { - display: none; -} - #left-navigation .selected { font-weight: bold; } diff --git a/MLEB/Translate/resources/css/ext.translate.translationstats.graphbuilder.less b/MLEB/Translate/resources/css/ext.translate.translationstats.graphbuilder.less new file mode 100644 index 00000000..55a663c6 --- /dev/null +++ b/MLEB/Translate/resources/css/ext.translate.translationstats.graphbuilder.less @@ -0,0 +1,91 @@ +/** + * Contains CSS for the error messages and loaders displayed. + * when loading the translation stats graph. + * @license GPL-2.0-or-later + */ +.mw-translate-translationstats-container { + @keyframes mw-translate-loading-spinner { + from { + transform: rotate( 0deg ); + } + + to { + transform: rotate( 360deg ); + } + } + position: relative; + display: inline-block; + margin-right: 40px; + margin-top: 1em; + vertical-align: top; + + .mw-translationstats-graph-container { + margin: auto; + } + + .mw-translate-loading-spinner { + /* @embed */ + background-image: url( ../images/loading.svg ); + background-size: 100%; + animation-name: mw-translate-loading-spinner; + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-timing-function: linear; + height: 34px; + width: 34px; + backface-visibility: hidden; + position: absolute; + left: 48%; + top: 15%; + display: none; + } + + .mw-translate-error-container { + width: 100%; + top: 1em; + position: absolute; + background-color: #fee7e6; + color: #b32424; + padding: 0.6em 1em; + text-align: center; + display: none; + } + + &.mw-translate-loading .mw-translate-loading-spinner { + display: block; + } + + &.mw-translate-has-error .mw-translate-error-container { + display: block; + } +} + +.mw-translate-translationstats-table { + border: 0; + clip: rect( 1px, 1px, 1px, 1px ); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + + tbody td:not( :first-child ) { + text-align: right; + } + + &:focus, + &:active { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; + } +} + +// Used on Special:TranslationStats +.mw-translate-translationstats-hide { + display: none; +} |