StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-15 02:24:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: legacy viewport clean up

Browse source
This commit is contained in:
alistair3149 2021-04-11 17:57:50 -04:00
parent f8d90eba0c
commit b91eb2fb5e
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
5 changed files with 5 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/skins.citizen.styles/common/typography.less
View file

@ -159,7 +159,7 @@ figcaption,
}
}
@media ( max-width: @screen0 ) {
@media ( max-width: @width-breakpoint-tablet ) {
#mw-content-text {
figcaption,
.thumbcaption {

2
resources/skins.citizen.styles/common/wikitable.less
View file

@ -38,7 +38,7 @@ table.wikitable {
}
}
@media ( max-width: @screen2 ) {
@media ( max-width: @width-breakpoint-desktop-wide ) {
table.wikiatble {
white-space: nowrap;
}

10
resources/variables.less
View file

@ -418,13 +418,3 @@
@ui-menu-header: 16px;
@footer-line-height: 1.4;
/*
* Viewports
*/
@screen0: @page-width - @margin-side * 7; // 720px
@screen1: @page-width + @margin-side * 2; // 900px
@screen2: @footer-width; // 1290px
@screen3: @footer-width + @margin-side * 8; // 1450px
@screen4: @footer-width - (@negative-margin * 2); // 1720px

2
skinStyles/extensions/Translate/ext.translate.less
View file

@ -26,7 +26,7 @@
display: inline-block;
}
@media only screen and ( max-width: @screen2 ) {
@media only screen and ( max-width: @width-breakpoint-desktop-wide ) {
.mw-pt-translate-header {
z-index: -1; // Not interactable
opacity: 0;

4
skinStyles/extensions/Translate/ext.translate.messagetable.less
View file

@ -131,7 +131,7 @@
}
}
@media only screen and ( max-width: @screen2 ) {
@media only screen and ( max-width: @width-breakpoint-desktop-wide ) {
#page-tools {
max-width: @page-width;
margin: 0 auto @margin-side * 2;
@ -151,7 +151,7 @@
}
}
@media only screen and ( max-width: @screen1 ) {
@media only screen and ( max-width: @width-breakpoint-desktop ) {
.tux-messagelist,
.tux-action-bar,
.tux-messagetable-header.floating {