Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4131631
Pagetools.less
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
4 KB
Referenced Files
None
Subscribers
None
Pagetools.less
View Options
.
page-actions
{
display
:
flex
;
gap
:
var
(
--space-xxs
);
align-items
:
center
;
//
TODO
:
Merge
this
with
header__item
&
__item
{
display
:
flex
;
}
.
citizen-menu
{
&__card
{
right
:
~
'calc( var( --space-xs ) * -1 )'
;
//
counteract
margin
display
:
grid
;
gap
:
var
(
--space-xs
);
max-height
:
60
vh
;
transform-origin
:
var
(
--transform-origin-offset-end
)
var
(
--transform-origin-offset-end
);
@media
(
min-width
:
@
min-width
-
breakpoint-desktop
)
{
top
:
100
%
;
transform-origin
:
var
(
--transform-origin-offset-end
)
var
(
--transform-origin-offset-start
);
}
&
-content
{
padding-block
:
var
(
--space-xs
);
}
}
}
.
citizen-dropdown
{
@media
(
min-width
:
@
min-width
-
breakpoint-desktop
)
{
//
Only
attach
dropdown
menu
to
the
button
on
desktop
mode
position
:
relative
;
}
&
-summary
{
display
:
grid
;
place-items
:
center
;
width
:
2.5
rem
;
//
Same
width
as
other
buttons
height
:
2.25
rem
;
//
Same
height
as
other
buttons
border-radius
:
var
(
--border-radius-medium
);
}
}
//
Visible
page
tools
styles
>
.
mw-portlet
{
ul
{
display
:
flex
;
gap
:
var
(
--space-xxs
);
}
li
>
a
{
gap
:
0
;
padding-right
:
var
(
--space-sm
);
padding-left
:
var
(
--space-sm
);
font-size
:
0
;
border-radius
:
var
(
--border-radius-medium
);
&:hover
{
background-color
:
var
(
--background-color-button-quiet--hover
);
}
&
:
active
{
background-color
:
var
(
--background-color-button-quiet--active
);
}
}
}
li
{
margin
:
0
;
}
//
Hide
menu
labels
>
.
citizen-menu
>
.
citizen-menu__heading
{
.mixin-citizen-screen-reader-only
;
}
}
//
Language
counter
badge
.
citizen-page-languages
{
.citizen-dropdown-summary
{
position
:
relative
;
//
So
that
the
badge
doesn't
take
a
stroll
to
the
far
left
&::after
{
position
:
absolute
;
top
:
0
;
right
:
0
;
display
:
block
;
padding
:
0.1
em
0.4
em
;
font-size
:
0.65
rem
;
content
:
attr
(
data
-counter-text
);
background
:
var
(
--color-surface-0
);
border-radius
:
var
(
--border-radius-pill
);
}
}
}
//
Edit
button
#
ca-edit
,
#
ca-ve-edit
{
>
a
{
color
:
var
(
--color-inverted-primary
);
background-color
:
var
(
--background-color-progressive
);
&:hover
{
background-color
:
var
(
--background-color-progressive--hover
);
}
&
:
active
{
background-color
:
var
(
--background-color-progressive--active
);
}
}
}
//
VE
styles
shouldn
't be core but it is just a few lines :/
#ca-ve-edit {
order: 98; // Before source edit
}
#ca-edit {
order: 99; // Align to last
}
// Merge two buttons together
.client-js .citizen-ve-edit-merged {
// Additional check to check if there are actually source edit button (#929)
&#ca-ve-edit:has( + #ca-edit ) {
> a {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
&#ca-edit {
margin-left: ~'
calc
(
var
(
--space-xxs
)
*
-1
)
';
> a {
gap: 0;
font-size: 0; // hide edit source text
border-left: var( --border-subtle );
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
}
.client-nojs {
// Hide share button completely when JS is not supported
// Since it won'
t
do
anything
.
citizen-share
{
display
:
none
;
}
}
//
To
avoid
more
menu
from
overflow
in
narrow
screen
@
media
(
max-width
:
@
max-width-breakpoint-tablet
)
{
.
page-actions
{
position
:
fixed
;
right
:
0
;
bottom
:
~
'calc( var( --header-size ) + max( env( safe-area-inset-bottom ), var( --space-xs ) ) )'
;
height
:
var
(
--toolbar-size
);
margin
:
var
(
--space-xs
);
background
:
var
(
--color-surface-1
);
border
:
1
px
solid
var
(
--border-color-base
);
border-radius
:
var
(
--border-radius-medium
);
box-shadow
:
var
(
--box-shadow-large
);
:not(
.citizen-menu__card
)
.mw-list-item
{
--size-icon
:
1
rem
;
}
>
.
mw-portlet
li
>
a
{
height
:
var
(
--toolbar-size
);
}
&
__item
{
position
:
unset
;
}
.
citizen-menu__card
{
bottom
:
100
%
;
/* Fix card width issue when the page tool bar is narrow */
width
:
max-content
;
}
}
.
citizen-page-languages
.
citizen-dropdown-summary
::
after
{
//
Blend
with
background
background
:
var
(
--color-surface-1
);
}
}
@
media
(
min-width
:
@
min-width-breakpoint-desktop
)
{
.
page-actions
{
>
.mw-portlet
{
li
>
a
{
gap
:
var
(
--space-xs
);
font-size
:
inherit
;
}
}
.
citizen-menu__card
{
//
Expand
the
width
on
narrow
screens
might
overflow
the
page
white-space
:
nowrap
;
}
}
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Wed, Aug 19, 11:07 (3 w, 17 h ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
02/f4/24472ea57720bdf6d6e39b1a4309
Default Alt Text
Pagetools.less (4 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment