StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-28 00:01:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #280 from StarCitizenTools/dev

Browse source 
Minor fixes and improvements
This commit is contained in:
alistair3149 2021-03-01 16:00:42 -05:00 committed by GitHub
parent d63d85efc8 d1f6f05f7c
commit 3b78761e9c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 101 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
resources/skins.citizen.styles.toc/skins.citizen.styles.toc.less
View file

@ -123,9 +123,10 @@
width: 39px;
height: 56px;
padding: 0 @margin-side / 2;
margin: @margin-side;
border-top: 1px solid var( --border-color-base );
border-left: 1px solid var( --border-color-base );
background-color: var( --background-color-dp-06 );
border-radius: 100%;
border-radius: @border-radius-large 0 0 0;
pointer-events: auto;
.boxshadow(4);

169
skinStyles/extensions/MultimediaViewer/mmv.less
View file

@ -6,95 +6,122 @@
@import '../../../resources/variables.less';
@import '../../../resources/mixins.less';
.mw-mmv-post-image {
background-color: var( --background-color-dp-04 );
color: var( --color-base--emphasized );
}
.mw-mmv-image-metadata {
border-color: var( --border-color-base );
background-color: var( --background-color-framed );
color: var( --color-base );
}
.mw-mmv-credit,
.mw-mmv-image-links li {
color: var( --color-base--subtle );
}
.mw-mmv-stripe-button.mw-mmv-description-page-button {
margin: 11px var( --padding-page );
font-size: @ui-menu-text;
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis {
background-color: var( --background-color-dp-04 );
box-shadow: none;
}
.mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:before {
background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0%, var( --background-color-dp01 ) 100% ) !important;
}
.mw-mmv-dialog {
background-color: var( --background-color-dp-08 );
.mw-mmv-dialog-down-arrow {
background-color: var( --background-color-dp-08 );
.skin-citizen {
.mw-mmv-post-image {
background-color: var( --background-color-dp-04 );
color: var( --color-base--emphasized );
}
}
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs {
border-color: var( --border-color-base );
}
.mw-mmv-image-metadata {
border-color: var( --border-color-base );
background-color: var( --background-color-framed );
color: var( --color-base );
}
.mw-mmv-options-dialog-header {
color: var( --color-base--emphasized );
}
.mw-mmv-info-box {
border-color: var( --border-color-base );
background-color: var( --background-color-dp-02 );
}
.mw-mmv-options-text-header {
color: var( --color-base );
}
.mw-mmv-label {
background-color: var( --background-color-dp-02 );
color: var( --color-base );
}
.mw-mmv-options-text-body {
color: var( --color-base--subtle );
}
.mw-mmv-download-dialog .mw-mmv-dialog-down-arrow {
background-color: var( --background-color-framed );
}
.mw-mmv-download-pane {
.mw-mmv-download-area .mw-mmv-download-preview-link {
.mw-mmv-credit,
.mw-mmv-image-links li {
color: var( --color-base--subtle );
}
.mw-mmv-download-attribution {
background-color: var( --background-color-framed );
color: var( --color-base );
.mw-mmv-stripe-button.mw-mmv-description-page-button {
margin: 11px var( --padding-page );
font-size: @ui-menu-text;
}
&:hover {
background-color: var( --background-color-framed--hover );
color: var( --color-base--emphasized );
.mw-mmv-permission-box {
h3 {
color: var( --color-base );
}
&-attribution-cta-invite {
.mw-mmv-permission-text {
.mw-mmv-permission-text-fader {
background-image: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ) 0%, var( --background-color-dp-02 ) 100% );
}
}
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis {
background-color: var( --background-color-dp-04 );
box-shadow: none;
}
.mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:before {
background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0%, var( --background-color-dp01 ) 100% );
}
.mw-mmv-dialog {
background-color: var( --background-color-dp-08 );
.boxshadow(3);
.mw-mmv-dialog-down-arrow {
background-color: var( --background-color-dp-08 );
}
}
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs {
border-color: var( --border-color-base );
}
.mw-mmv-options-dialog-header {
color: var( --color-base--emphasized );
}
.mw-mmv-options-text-header {
color: var( --color-base );
}
.mw-mmv-options-text-body {
color: var( --color-base--subtle );
}
.mw-mmv-download-dialog .mw-mmv-dialog-down-arrow {
background-color: var( --background-color-framed );
}
.mw-mmv-download-pane {
.mw-mmv-download-area .mw-mmv-download-preview-link {
color: var( --color-base--subtle );
}
.mw-mmv-download-attribution {
background-color: var( --background-color-framed );
color: var( --color-base );
&:hover {
background-color: var( --background-color-framed--hover );
color: var( --color-base--emphasized );
}
&-attribution-cta-invite {
color: var( --color-base--subtle );
}
}
}
}
@media only screen and ( max-width: @width-breakpoint-tablet ) {
.mw-mmv-image-metadata-links-column {
width: auto; // Fix mobile bouncing
float: none;
}
.mw-mmv-untruncated {
.mw-mmv-image-metadata-desc-column,
.skin-citizen {
.mw-mmv-image-metadata-links-column {
width: auto;
max-width: none;
width: auto; // Fix mobile bouncing
float: none;
}
.mw-mmv-untruncated {
.mw-mmv-image-metadata-desc-column,
.mw-mmv-image-metadata-links-column {
width: auto;
max-width: none;
}
}
}
}