mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-24 06:24:22 +00:00
Removed unused bottom bar
This commit is contained in:
alistair3149
parent
e6f2a895bf
commit
bc15fd916e
|
|
@ -95,8 +95,6 @@ class CitizenTemplate extends BaseTemplate {
|
||||||
'msg-citizen-footer-tagline' => $this->getMsg( 'citizen-footer-tagline' )->text(),
|
'msg-citizen-footer-tagline' => $this->getMsg( 'citizen-footer-tagline' )->text(),
|
||||||
'array-footer-icons' => $this->getFooterIconsRow(),
|
'array-footer-icons' => $this->getFooterIconsRow(),
|
||||||
],
|
],
|
||||||
|
|
||||||
'data-bottombar' => $this->buildBottombar(),
|
|
||||||
];
|
];
|
||||||
|
|
||||||
// Prepare and output the HTML response
|
// Prepare and output the HTML response
|
||||||
|
|
@ -351,26 +349,6 @@ class CitizenTemplate extends BaseTemplate {
|
||||||
return $props;
|
return $props;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Render the bottom bar
|
|
||||||
* TODO: Convert button text to i18n message.
|
|
||||||
* TODO: Refactor the bottom bar to be customizable
|
|
||||||
* @return array
|
|
||||||
*/
|
|
||||||
private function buildBottombar() : array {
|
|
||||||
$config = $this->config;
|
|
||||||
$buttonEnabled = $config->get( 'CitizenEnableButton' );
|
|
||||||
if ( $buttonEnabled === false ) {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
$props = [
|
|
||||||
'html-citizen-bottombar-button-href' => $config->get( 'CitizenButtonLink' ),
|
|
||||||
'html-citizen-bottombar-button-title' => $config->get( 'CitizenButtonTitle' ),
|
|
||||||
'html-citizen-bottombar-button-text' => $config->get( 'CitizenButtonText' ),
|
|
||||||
];
|
|
||||||
return $props;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Get last modified message
|
* Get last modified message
|
||||||
* @return string html
|
* @return string html
|
||||||
|
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
{{!
|
|
||||||
string html-citizen-bottombar-button-href URL of the button
|
|
||||||
string html-citizen-bottombar-button-title tooltip of the button
|
|
||||||
string html-citizen-bottombar-button-text text of the button
|
|
||||||
}}
|
|
||||||
|
|
||||||
<aside class="mw-bottombar">
|
|
||||||
<nav class="mw-bottombar-buttons">
|
|
||||||
<div class="citizen-ui-icon" id="citizen-ui-button">
|
|
||||||
<a href="{{html-citizen-bottombar-button-href}}" title="{{html-citizen-bottombar-button-title}}" rel="noopener noreferrer" target="_blank">{{{html-citizen-bottombar-button-text}}}</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</aside>
|
|
||||||
|
|
@ -65,5 +65,4 @@
|
||||||
<aside class="mw-sidebar-sitename">
|
<aside class="mw-sidebar-sitename">
|
||||||
<a class="mw-wiki-title" {{{html-mainpage-attributes}}}>{{{msg-sitetitle}}}</a>
|
<a class="mw-wiki-title" {{{html-mainpage-attributes}}}>{{{msg-sitetitle}}}</a>
|
||||||
</aside>
|
</aside>
|
||||||
{{#data-bottombar}}{{>Bottombar}}{{/data-bottombar}}
|
|
||||||
{{{html-printtail}}}
|
{{{html-printtail}}}
|
||||||
184
resources/components/Footer.less
Normal file
184
resources/components/Footer.less
Normal file
|
|
@ -0,0 +1,184 @@
|
||||||
|
//
|
||||||
|
// Citizen - Footer styles
|
||||||
|
// https://starcitizen.tools
|
||||||
|
//
|
||||||
|
|
||||||
|
.last-modified-bar {
|
||||||
|
background: @color-footer-background-60;
|
||||||
|
|
||||||
|
&-content {
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 12px @margin-side;
|
||||||
|
max-width: @footer-width;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-icon {
|
||||||
|
margin-right: @icon-padding;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
opacity: @opacity-icon;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-text {
|
||||||
|
a {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mw-footer {
|
||||||
|
z-index: 8; // High enough so it covers the floating UI
|
||||||
|
clear: both;
|
||||||
|
position: relative;
|
||||||
|
direction: ltr;
|
||||||
|
margin-top: @margin-side * 2;
|
||||||
|
color: @color-footer-text;
|
||||||
|
background: @color-footer-background-50;
|
||||||
|
font-size: @ui-menu-text;
|
||||||
|
line-height: @footer-line-height;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: @color-footer-link;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:active,
|
||||||
|
&:focus {
|
||||||
|
color: @color-footer-link-active;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
&-content {
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 @margin-side;
|
||||||
|
max-width: @footer-width;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-bottom {
|
||||||
|
margin-top: @margin-side * 1.5;
|
||||||
|
background-color: @color-footer-background-40;
|
||||||
|
|
||||||
|
&-content {
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: @margin-side / 2 @margin-side;
|
||||||
|
max-width: @footer-width;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-sitetitle {
|
||||||
|
margin: @margin-side * 2.5 0 @margin-side / 2 0;
|
||||||
|
color: @base-90;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-desc {
|
||||||
|
margin: @margin-side / 2 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-places {
|
||||||
|
margin: 0 -@margin-side !important;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
li a {
|
||||||
|
padding: @margin-side / 2 @margin-side;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-info {
|
||||||
|
margin-top: @margin-side / 2;
|
||||||
|
opacity: 0.5;
|
||||||
|
font-size: 12px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin: @margin-side / 2 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-tagline {
|
||||||
|
padding: @margin-side / 2 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-icons {
|
||||||
|
margin: 0 -@margin-side / 2;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
a {
|
||||||
|
padding: @margin-side * 0.75 @margin-side / 2;
|
||||||
|
height: 50px; // CSS hack to force SVG icon to appear
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
opacity: 0.5;
|
||||||
|
transition: @transition-opacity;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: none; // Hack to hide original icons
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: '';
|
||||||
|
.resource-loader-icon;
|
||||||
|
display: block;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Icon styles
|
||||||
|
&[ href*='starcitizen.tools' ] {
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&[ href*='robertsspaceindustries' ] {
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&[ href*='gdpr' ] {
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&[ href*='wikiapiary' ] {
|
||||||
|
width: 95px;
|
||||||
|
margin-bottom: -3px; //dirty fix
|
||||||
|
}
|
||||||
|
|
||||||
|
&[ href*='mediawiki' ] {
|
||||||
|
width: 95px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&[ href*='miraheze' ] {
|
||||||
|
width: 95px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&[ href*='by-sa' ] {
|
||||||
|
width: 110px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -48,20 +48,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// CSS checkbox hack
|
|
||||||
// Technically shouldn't be here but it is only used in header
|
|
||||||
.mw-checkbox-hack {
|
|
||||||
width: @icon-box-size + @margin-side + @icon-padding;
|
|
||||||
height: @header-height;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 8;
|
|
||||||
margin: 0;
|
|
||||||
display: block;
|
|
||||||
opacity: 0;
|
|
||||||
cursor: pointer;
|
|
||||||
-webkit-touch-callout: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media ( prefers-color-scheme: dark ) {
|
@media ( prefers-color-scheme: dark ) {
|
||||||
#mw-header {
|
#mw-header {
|
||||||
&-background {
|
&-background {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
/*
|
/*
|
||||||
* Citizen - Navigation Styles
|
* Citizen - Sidebar styles
|
||||||
* https://starcitizen.tools
|
* https://starcitizen.tools
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
@ -1,58 +0,0 @@
|
||||||
//
|
|
||||||
// Citizen - Bottombar Styles
|
|
||||||
// https://starcitizen.tools
|
|
||||||
//
|
|
||||||
|
|
||||||
.mw-bottombar {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
transform: translate( 0, @header-height + @margin-side );
|
|
||||||
transition: @transition-transform;
|
|
||||||
|
|
||||||
&-buttons {
|
|
||||||
display: flex;
|
|
||||||
margin: @margin-side;
|
|
||||||
background-color: #7289da; // Discord color
|
|
||||||
border-radius: 100%;
|
|
||||||
.boxshadow(4);
|
|
||||||
transition: @transition-transform-quick, @transition-box-shadow-quick;
|
|
||||||
|
|
||||||
.citizen-ui-icon {
|
|
||||||
> a {
|
|
||||||
width: @header-height;
|
|
||||||
height: @header-height;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
text-indent: -1000px; // Hide text
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
display: block;
|
|
||||||
.resource-loader-menu-icon;
|
|
||||||
transition: @transition-opacity;
|
|
||||||
opacity: 1;
|
|
||||||
position: relative; // temp override
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
&:after {
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Movable navigation bar
|
|
||||||
.nav-up ~ .mw-bottombar {
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and ( max-width: @screen0 ) {
|
|
||||||
.mw-bottombar {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -5,6 +5,29 @@
|
||||||
|
|
||||||
@import 'mediawiki.mixins';
|
@import 'mediawiki.mixins';
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Hacks
|
||||||
|
* TODO: Find a place to put them
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Hide RSS icon
|
||||||
|
a.feedlink {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// CSS checkbox hack
|
||||||
|
.mw-checkbox-hack {
|
||||||
|
width: @icon-box-size + @margin-side + @icon-padding;
|
||||||
|
height: @header-height;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 8;
|
||||||
|
margin: 0;
|
||||||
|
display: block;
|
||||||
|
opacity: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Framework
|
* Framework
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
//
|
//
|
||||||
// Citizen - Footer Styles
|
// Citizen - Footer styles
|
||||||
// https://starcitizen.tools
|
// https://starcitizen.tools
|
||||||
//
|
//
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 245 240" xml:space="preserve"><style>.st0{fill:#fff}</style><path class="st0" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zm36.5 0c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
|
@ -3,15 +3,14 @@
|
||||||
@import 'variables.less';
|
@import 'variables.less';
|
||||||
@import 'mixins.less';
|
@import 'mixins.less';
|
||||||
@import 'components/common.less';
|
@import 'components/common.less';
|
||||||
@import 'components/navigation.less';
|
|
||||||
@import 'components/wikitable.less';
|
@import 'components/wikitable.less';
|
||||||
@import 'components/page-tools.less';
|
@import 'components/page-tools.less';
|
||||||
@import 'components/search.less';
|
@import 'components/search.less';
|
||||||
@import 'components/footer.less';
|
|
||||||
@import 'components/bottombar.less';
|
|
||||||
@import 'components/scrollbar.less';
|
@import 'components/scrollbar.less';
|
||||||
@import 'components/darkmode.less';
|
@import 'components/darkmode.less';
|
||||||
@import 'components/reducemotion.less';
|
@import 'components/reducemotion.less';
|
||||||
@import 'components/Header.less';
|
@import 'components/Header.less';
|
||||||
@import 'components/Drawer.less';
|
@import 'components/Drawer.less';
|
||||||
@import 'components/Searchbox.less';
|
@import 'components/Searchbox.less';
|
||||||
|
@import 'components/Sidebar.less';
|
||||||
|
@import 'components/Footer.less';
|
||||||
|
|
|
||||||
33
skin.json
33
skin.json
|
|
@ -135,30 +135,6 @@
|
||||||
"descriptionmsg": "citizen-config-maxsearchresults",
|
"descriptionmsg": "citizen-config-maxsearchresults",
|
||||||
"public": true
|
"public": true
|
||||||
},
|
},
|
||||||
"EnableButton": {
|
|
||||||
"value": false,
|
|
||||||
"description": "Enable or disable the floating action button on the bottom left",
|
|
||||||
"descriptionmsg": "citizen-config-enablebutton",
|
|
||||||
"public": true
|
|
||||||
},
|
|
||||||
"ButtonLink": {
|
|
||||||
"value": "",
|
|
||||||
"description": "The URL of the FAB button",
|
|
||||||
"descriptionmsg": "citizen-config-buttonlink",
|
|
||||||
"public": true
|
|
||||||
},
|
|
||||||
"ButtonTitle": {
|
|
||||||
"value": "",
|
|
||||||
"description": "The title of the link element on the FAB",
|
|
||||||
"descriptionmsg": "citizen-config-buttontitle",
|
|
||||||
"public": true
|
|
||||||
},
|
|
||||||
"ButtonText": {
|
|
||||||
"value": "",
|
|
||||||
"description": "The text of the FAB",
|
|
||||||
"descriptionmsg": "citizen-config-buttontext",
|
|
||||||
"public": true
|
|
||||||
},
|
|
||||||
"ShowPageTools": {
|
"ShowPageTools": {
|
||||||
"value": true,
|
"value": true,
|
||||||
"description": "Page tools visibility condition",
|
"description": "Page tools visibility condition",
|
||||||
|
|
@ -226,15 +202,6 @@
|
||||||
"resources/scripts/lazyload.js"
|
"resources/scripts/lazyload.js"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"skins.citizen.icons": {
|
|
||||||
"class": "ResourceLoaderImageModule",
|
|
||||||
"selector": "#citizen-ui-{name} > *:after",
|
|
||||||
"defaultColor": "#000",
|
|
||||||
"useDataURI": false,
|
|
||||||
"images": {
|
|
||||||
"button": "resources/images/icons/discord.svg"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"skins.citizen.icons.ca": {
|
"skins.citizen.icons.ca": {
|
||||||
"class": "ResourceLoaderImageModule",
|
"class": "ResourceLoaderImageModule",
|
||||||
"selector": "#ca-{name} > *:after",
|
"selector": "#ca-{name} > *:after",
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue