mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-24 22:35:45 +00:00
feat: move ULS button back to personal menu
This commit is contained in:
parent
1a72f99dd5
commit
4fb5005bd0
|
@ -53,16 +53,13 @@ final class Header extends Partial {
|
||||||
);
|
);
|
||||||
$user = $this->skin->getUser();
|
$user = $this->skin->getUser();
|
||||||
|
|
||||||
// Move the Echo badges and ULS out of default list
|
// Move the Echo badges out of default list
|
||||||
if ( isset( $personalTools['notifications-alert'] ) ) {
|
if ( isset( $personalTools['notifications-alert'] ) ) {
|
||||||
unset( $personalTools['notifications-alert'] );
|
unset( $personalTools['notifications-alert'] );
|
||||||
}
|
}
|
||||||
if ( isset( $personalTools['notifications-notice'] ) ) {
|
if ( isset( $personalTools['notifications-notice'] ) ) {
|
||||||
unset( $personalTools['notifications-notice'] );
|
unset( $personalTools['notifications-notice'] );
|
||||||
}
|
}
|
||||||
if ( isset( $personalTools['uls'] ) ) {
|
|
||||||
unset( $personalTools['uls'] );
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( $user->isLoggedIn() ) {
|
if ( $user->isLoggedIn() ) {
|
||||||
$personalTools = $this->addUserInfoToMenu( $personalTools, $user );
|
$personalTools = $this->addUserInfoToMenu( $personalTools, $user );
|
||||||
|
@ -79,7 +76,7 @@ final class Header extends Partial {
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Echo notification badges and ULS button
|
* Echo notification badges button
|
||||||
*
|
*
|
||||||
* @return array
|
* @return array
|
||||||
*/
|
*/
|
||||||
|
@ -88,7 +85,7 @@ final class Header extends Partial {
|
||||||
$this->skin->buildPersonalUrlsPublic()
|
$this->skin->buildPersonalUrlsPublic()
|
||||||
);
|
);
|
||||||
|
|
||||||
// Create the Echo badges and ULS
|
// Create the Echo badges
|
||||||
$extraTools = [];
|
$extraTools = [];
|
||||||
if ( isset( $personalTools['notifications-alert'] ) ) {
|
if ( isset( $personalTools['notifications-alert'] ) ) {
|
||||||
$extraTools['notifications-alert'] = $personalTools['notifications-alert'];
|
$extraTools['notifications-alert'] = $personalTools['notifications-alert'];
|
||||||
|
@ -96,9 +93,6 @@ final class Header extends Partial {
|
||||||
if ( isset( $personalTools['notifications-notice'] ) ) {
|
if ( isset( $personalTools['notifications-notice'] ) ) {
|
||||||
$extraTools['notifications-notice'] = $personalTools['notifications-notice'];
|
$extraTools['notifications-notice'] = $personalTools['notifications-notice'];
|
||||||
}
|
}
|
||||||
if ( isset( $personalTools['uls'] ) ) {
|
|
||||||
$extraTools['uls'] = $personalTools['uls'];
|
|
||||||
}
|
|
||||||
|
|
||||||
$html = $this->skin->getMenuData( 'personal-extra', $extraTools );
|
$html = $this->skin->getMenuData( 'personal-extra', $extraTools );
|
||||||
|
|
||||||
|
|
|
@ -4,29 +4,46 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import '../../../resources/variables.less';
|
@import '../../../resources/variables.less';
|
||||||
|
@import '../../../resources/mixins.less';
|
||||||
|
|
||||||
// Styles for ULS icon
|
.skin-citizen {
|
||||||
#pt-uls a.uls-trigger,
|
// Styles for ULS icon
|
||||||
#pt-uls a.uls-trigger:before {
|
#pt-uls a.uls-trigger {
|
||||||
display: block;
|
flex-direction: row-reverse;
|
||||||
width: var( --width-button-base );
|
padding-top: 10px !important; // override
|
||||||
height: var( --height-header );
|
|
||||||
padding: 0 !important;
|
|
||||||
background-position: center;
|
|
||||||
background-size: @icon-box-size;
|
|
||||||
color: transparent; // Hide text
|
|
||||||
opacity: 0.6; // Replicate color of other icons
|
|
||||||
transition: @transition-opacity-quick;
|
|
||||||
|
|
||||||
&:hover,
|
&:before {
|
||||||
&:focus,
|
.resource-loader-list-icon;
|
||||||
&:active {
|
display: block;
|
||||||
opacity: 0.8;
|
padding: 0;
|
||||||
|
margin-left: @icon-padding;
|
||||||
|
background-size: contain;
|
||||||
|
opacity: var( --opacity-icon-base );
|
||||||
|
transition: @transition-opacity-quick;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
&:before {
|
||||||
|
opacity: var( --opacity-icon-base--hover );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
&:before {
|
||||||
|
opacity: var( --opacity-icon-base--active );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: none !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.skin-citizen-dark {
|
.skin-citizen-dark {
|
||||||
#pt-uls a.uls-trigger {
|
#pt-uls a.uls-trigger {
|
||||||
filter: invert( 1 );
|
&:before {
|
||||||
|
filter: invert( 1 );
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue