StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-09-23 10:19:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf(core): ⚡️ add CSS containment to suitable elements

Browse source
This commit is contained in:
alistair3149 2022-12-06 15:29:49 -05:00
parent 75ab097ba1
commit ca41b42aec
No known key found for this signature in database
5 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
resources/mixins.less
View file

@ -69,6 +69,7 @@
min-width: 16rem;
max-height: var( --header-card-maxheight );
margin: var( --space-xs );
contain: content;
overscroll-behavior: contain;
user-select: none;
.citizen-card();

3
resources/skins.citizen.styles/Header.less
View file

@ -24,6 +24,7 @@
width: var( --header-button-size );
height: var( --header-button-size );
border-radius: var( --border-radius--small );
contain: strict;
place-items: center;
// Used in checkbox hack
@ -32,6 +33,7 @@
display: block;
width: inherit;
height: inherit;
contain: strict;
}
// Pure CSS icons
@ -39,6 +41,7 @@
overflow: hidden; // Sometimes CSS animation can clip
width: var( --header-icon-size );
height: var( --header-icon-size );
contain: strict;
}
&Icon,

1
resources/skins.citizen.styles/Menu.less
View file

@ -17,6 +17,7 @@
display: block;
width: var( --size-icon );
height: var( --size-icon );
contain: strict;
&:before {
display: block;

1
resources/skins.citizen.styles/layout.less
View file

@ -37,6 +37,7 @@
.citizen-body {
grid-area: content;
contain: content;
}
a.image {

1
resources/skins.citizen.styles/skinning/content.media-screen.less
View file

@ -16,6 +16,7 @@ figure[ typeof~='mw:File/Frame' ] {
> img {
transition: @transition-transform;
contain: strict;
}
// Add affordance to replace magnify icon