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

fix(core): 🐛 incorrect classes and styles for page action cards

Browse source
This commit is contained in:
alistair3149 2024-05-28 02:12:50 -04:00
parent 92fda3114e
commit 621adff9fc
No known key found for this signature in database
GPG key ID: 16076C01E5C88864
3 changed files with 6 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
resources/skins.citizen.styles/components/Pagetools.less
View file

@ -33,7 +33,7 @@
}
}
&__card {
.citizen-menu__card {
position: absolute;
top: 100%;
right: ~'calc( var( --space-xs ) * -1 )'; // counteract margin
@ -206,15 +206,6 @@
}
}
// Checkbox hack
#citizen-languages {
&__checkbox:checked {
~ .page-actions__card {
.citizen-card-show();
}
}
}
// To avoid more menu from overflow in narrow screen
@media ( max-width: @max-width-breakpoint-tablet ) {
.page-actions {
@ -240,7 +231,7 @@
transition-property: opacity, transform;
}
:not( .page-actions__card ) .mw-list-item {
:not( .citizen-menu__card ) .mw-list-item {
--size-icon: 1rem;
}
@ -252,10 +243,9 @@
position: unset;
}
&__card {
.citizen-menu__card {
top: unset;
bottom: 100%;
.citizen-card-hide( bottom right );
}
}
}
@ -269,7 +259,7 @@
}
}
&__card {
.citizen-menu__card {
// Expand the width on narrow screens might overflow the page
white-space: nowrap;
}

2
templates/PageTools.mustache
View file

@ -29,7 +29,7 @@
<span class="citizen-ui-icon mw-ui-icon-wikimedia-ellipsis"></span>
<span>{{msg-citizen-actions-more-toggle}}</span>
</label>
<aside id="page-actions-more__card" class="page-actions__card citizen-menu__card citizen-menu-checkbox-target">
<aside id="page-actions-more__card" class="citizen-menu__card citizen-menu-checkbox-target">
{{#pagetools-visible}}
{{#data-portlets.data-actions}}{{>Menu}}{{/data-portlets.data-actions}}
{{/pagetools-visible}}

2
templates/PageTools__languages.mustache
View file

@ -21,7 +21,7 @@
<span class="citizen-ui-icon mw-ui-icon-wikimedia-language"></span>
<span>{{msg-citizen-languages-toggle}}</span>
</label>
<aside id="citizen-languages__card" class="page-actions__card citizen-menu-checkbox-target">
<aside id="citizen-languages__card" class="citizen-menu__card citizen-menu-checkbox-target">
{{#data-portlets.data-languages}}{{>Menu}}{{/data-portlets.data-languages}}
{{#data-portlets.data-variants}}{{>Menu}}{{/data-portlets.data-variants}}
</aside>