Page MenuHomeWickedGov Phorge
Files F6004645

ext.translate.special.managetranslatorsandbox.less
No OneTemporary
Actions

Size
4 KB
Referenced Files
None
Subscribers
None

ext.translate.special.managetranslatorsandbox.less
View Options

/**
* CSS for special page.
* @author Niklas Laxström
* @author Sucheta Ghoshal
* @author Pau Giner
* @license GPL-2.0-or-later
*/
@import 'mediawiki.skin.variables.less';
@import 'mediawiki.mixins.less';
/* Hide the page title to give more space for the content */
#firstHeading {
display: none;
}
.filter.pane,
.tsb-container .search.pane {
border-bottom: @border-width-base @border-style-base @border-color-interactive;
height: 2em;
line-height: 50px;
font-size: 24px;
}
.tsb-container.grid .search.pane {
display: inline-flex;
flex-direction: row;
align-items: center;
&::before {
content: '';
.cdx-mixin-css-icon( @cdx-icon-search, @color-subtle, @size-icon-medium );
width: @size-200;
}
input[ type='search' ] {
box-sizing: border-box;
}
}
.request-filter-box {
font-size: 14px;
height: 28px;
width: 100%;
border: @border-subtle;
padding: 0 5px;
}
.tsb-body {
border: @border-subtle;
border-top: 0;
}
.requests.pane,
.details.pane {
border-top: @border-width-base @border-style-base @border-color-muted;
}
.requests.pane .requests-list,
.details.pane {
overflow: auto;
}
.details.pane {
.grid & {
border-left: @border-width-base @border-style-base @border-color-muted;
left: @position-offset-border-width-base;
padding: 5px 20px 10px 20px;
}
& > .row {
padding-top: 15px;
}
.tsb-header {
font-size: 30px;
font-weight: lighter;
}
.reminder-email {
color: @color-subtle;
font-size: 14px;
padding-top: 15px;
.send-reminder {
padding-left: 1em;
padding-right: 1em;
}
}
.languages {
color: @color-subtle;
font-size: 16px;
padding-top: 10px;
span {
margin-right: 2em;
}
}
.actions {
font-size: 22px;
/* Make the buttons sticky to reduce the need to scroll back to top */
position: sticky;
top: -5px;
z-index: @z-index-above-content;
padding-bottom: 15px;
button {
margin-right: 1.5em;
}
}
}
.grid .requests.pane {
&,
.request,
.request-header {
margin: 0;
padding: 0;
}
}
.request {
border-right: @border-subtle;
border-bottom: @border-subtle;
cursor: pointer;
&:last-child {
border-bottom: 0;
}
&:hover {
background-color: @background-color-interactive-subtle--hover;
}
&.selected {
background-color: @background-color-interactive-subtle--active;
}
.grid & .amount {
height: 100%;
font-size: 3em;
color: @color-subtle;
padding: 20px 5px;
text-align: center;
}
.request-selector {
height: 30px;
line-height: 30px;
font-size: 16px;
white-space: nowrap;
}
.email,
.signup-age {
height: 20px;
line-height: 20px;
font-size: 12px;
color: @color-subtle;
white-space: nowrap;
}
.signup-age {
text-align: center;
overflow: hidden;
}
.grid & .request-info,
.grid & .approval {
padding-top: 5px;
}
.username,
.email {
padding-left: 10px;
overflow-wrap: anywhere;
}
}
.tsb-details-no-translations {
color: @color-subtle;
}
.signup-comment-label {
color: @color-destructive;
font-size: 14px;
}
.signup-comment-text {
color: @color-base;
font-size: 16px;
line-height: 1.5em;
padding: 5px 0;
}
.request-header {
color: @color-subtle;
border-right: @border-subtle;
border-bottom: @border-base;
line-height: 40px;
background-color: @background-color-interactive-subtle;
}
.request-footer {
color: @color-subtle;
border-right: @border-subtle;
border-top: @border-base;
line-height: 40px;
padding: 0 5px;
background-color: @background-color-interactive-subtle;
.selected-counter,
.older-requests-indicator {
unicode-bidi: -moz-isolate;
unicode-bidi: -webkit-isolate;
unicode-bidi: isolate;
}
}
.clear-language-selector,
.language-selector {
margin: 10px 0;
border-radius: 3px;
background: @background-color-interactive-subtle;
border: @border-subtle;
cursor: pointer;
font-size: 1em;
display: block;
float: left;
}
.clear-language-selector {
border-radius: 0 3px 3px 0;
border-left: 0;
}
.language-selector {
&.selected {
cursor: default;
border-radius: 3px 0 0 3px;
max-width: 80%;
max-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&:hover {
border-color: @border-color-base;
}
&.unselected::after {
content: '';
border-top: 4px solid @border-color-base;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
display: inline-block;
vertical-align: middle;
margin-left: 0.5em;
}
}
textarea.body {
height: 300px;
}
.translations {
.row {
border-bottom: @border-subtle;
padding: 10px;
font-size: 16px;
overflow-wrap: anywhere;
}
.title {
font-size: 16px;
background-color: @background-color-interactive-subtle;
font-weight: bold;
}
.info {
font-size: 12px;
color: @color-subtle;
}
}
.client-nojs .grid {
display: none;
}
.client-js .tux-nojs {
display: none;
}

File Metadata

Mime Type
text/plain
Expires
Oct 4 2026, 07:38 (5 w, 2 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
5e/7c/cb6906d72d156ea59590d6aa9824
Default Alt Text
ext.translate.special.managetranslatorsandbox.less (4 KB)

Event Timeline