mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-14 18:15:49 +00:00
feat: improve UploadWizard styles and make it responsive (#273)
This commit is contained in:
alistair3149
GitHub
parent
340fd78bcb
commit
198fe0800d
|
|
@ -421,9 +421,8 @@
|
|||
|
||||
"+ext.Tabber": "skinStyles/extensions/Tabber/ext.Tabber.less",
|
||||
|
||||
"+ext.uploadWizard.uploadCampaign.display": "skinStyles/extensions/UploadWizard/ext.uploadWizard.uploadCampaign.display.less",
|
||||
"+ext.uploadWizard.uploadCampaign.list": "skinStyles/extensions/UploadWizard/ext.uploadWizard.uploadCampaign.list.less",
|
||||
"+ext.uploadWizard": "skinStyles/extensions/UploadWizard/ext.uploadWizard.less",
|
||||
"+ext.uploadWizard.page.styles": "skinStyles/extensions/UploadWizard/uploadWizard.noWizard.less",
|
||||
|
||||
"+ext.visualEditor.desktopArticleTarget.init": "skinStyles/extensions/VisualEditor/ext.visualEditor.less",
|
||||
|
||||
|
|
|
|||
|
|
@ -1,136 +1,88 @@
|
|||
/*
|
||||
* Citizen - Upload Wizard
|
||||
* https://starcitizen.tools
|
||||
*/
|
||||
*/
|
||||
|
||||
@import '../../../resources/variables.less';
|
||||
|
||||
.skin-citizen-dark {
|
||||
/**
|
||||
resources/jquery.arrowSteps/jquery.arrowSteps.css
|
||||
*/
|
||||
.arrowSteps {
|
||||
border: 1px solid @dark-bg-30;
|
||||
}
|
||||
|
||||
.arrowSteps li {
|
||||
background-color: @dark-bg-20;
|
||||
color: @dark-text-70;
|
||||
}
|
||||
|
||||
#mwe-upwiz-steps li.head {
|
||||
background-color: @accent-10;
|
||||
color: @accent-90;
|
||||
}
|
||||
|
||||
.arrowSteps li.arrow:after {
|
||||
border-left-color: @dark-bg-20;
|
||||
}
|
||||
|
||||
.arrowSteps li.arrow:before {
|
||||
border-left-color: @dark-bg-0;
|
||||
}
|
||||
|
||||
#mwe-upwiz-steps li.head:after {
|
||||
border-left-color: @accent-10;
|
||||
}
|
||||
|
||||
/**
|
||||
resources/uw.CopyMetadataWidget.less
|
||||
*/
|
||||
.mwe-upwiz-copyMetadataWidget {
|
||||
border-top: 1px solid @dark-bg-30;
|
||||
border-bottom: 1px solid @dark-bg-30;
|
||||
}
|
||||
|
||||
/**
|
||||
resources/uploadWizard.css
|
||||
*/
|
||||
#mwe-upwiz-steps {
|
||||
background-color: @dark-bg-0;
|
||||
}
|
||||
|
||||
.mwe-upwiz-file.odd .mwe-upwiz-visible-file {
|
||||
background: @dark-bg-10;
|
||||
}
|
||||
|
||||
.mwe-upwiz-file:hover .mwe-upwiz-visible-file {
|
||||
background: @dark-bg-30 !important;
|
||||
}
|
||||
|
||||
.mwe-upwiz-file-status {
|
||||
color: @dark-text-70;
|
||||
}
|
||||
|
||||
.mwe-upwiz-patent-rights .oo-ui-panelLayout .oo-ui-panelLayout:not( :last-child ) {
|
||||
box-shadow: 0 1em 1px -1em @dark-bg-30;
|
||||
}
|
||||
|
||||
.mwe-upwiz-patent-rights-filelist {
|
||||
box-shadow: 0 0 1px 0 @dark-bg-30;
|
||||
}
|
||||
|
||||
.mwe-upwiz-patent-weapon-policy {
|
||||
border: 1px solid @dark-bg-30;
|
||||
background-color: @dark-bg-20;
|
||||
}
|
||||
|
||||
.mwe-upwiz-license-metadata {
|
||||
border: 1px solid @dark-bg-30;
|
||||
background-color: @dark-bg-20;
|
||||
}
|
||||
|
||||
#mwe-upwiz-flickr-disclaimer {
|
||||
background-color: @accent-10;
|
||||
}
|
||||
|
||||
.filled + .filled {
|
||||
border-top: 1px solid @dark-bg-30;
|
||||
}
|
||||
|
||||
.mwe-upwiz-status-error {
|
||||
color: @red-50;
|
||||
}
|
||||
|
||||
.mwe-upwiz-thumbnail {
|
||||
background-color: @dark-bg-0;
|
||||
}
|
||||
|
||||
#mwe-upwiz-deeds-thumbnails {
|
||||
background-color: @dark-bg-10;
|
||||
}
|
||||
|
||||
.mwe-upwiz-thumbnail-link canvas,
|
||||
.mwe-upwiz-thumbnail-link img {
|
||||
box-shadow: 0 0 5px @dark-bg-50;
|
||||
}
|
||||
|
||||
.mwe-readonly {
|
||||
background-color: @dark-bg-0;
|
||||
}
|
||||
|
||||
.mwe-upwiz-deed-license-group-subhead {
|
||||
color: @dark-text-70;
|
||||
}
|
||||
|
||||
.mwe-upwiz-objref-pick-image input:disabled + label {
|
||||
color: @dark-text-70;
|
||||
}
|
||||
|
||||
/**
|
||||
resources/uw.FieldLayout.less
|
||||
*/
|
||||
.mwe-upwiz-fieldLayout {
|
||||
.mwe-upwiz-fieldLayout-indicator {
|
||||
color: @dark-text-70;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
resources/details/uw.SingleLanguageInputWidget.less
|
||||
*/
|
||||
.mwe-upwiz-singleLanguageInputWidget {
|
||||
border: 1px solid @dark-bg-20;
|
||||
background-color: @dark-bg-10;
|
||||
}
|
||||
@import '../../../resources/mixins.less';
|
||||
/*
|
||||
* resources/uploadWizard.css
|
||||
*/
|
||||
#upload-wizard {
|
||||
min-width: auto;
|
||||
max-width: none; // handled by .mw-body-content
|
||||
}
|
||||
|
||||
#mwe-upwiz-tutorial img {
|
||||
max-width: 100%; // don't exceed container
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#mwe-upwiz-files {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.filled + .filled {
|
||||
border-top-color: var( --border-color-base );
|
||||
}
|
||||
|
||||
.mwe-upwiz-file:hover .mwe-upwiz-visible-file {
|
||||
background: var( --background-color-primary--hover ) !important;
|
||||
}
|
||||
|
||||
.mwe-upwiz-file.odd .mwe-upwiz-visible-file {
|
||||
background: var( --background-color-framed );
|
||||
}
|
||||
|
||||
#mwe-upwiz-deeds-thumbnails {
|
||||
background-color: var( --background-color-framed );
|
||||
}
|
||||
|
||||
.mwe-upwiz-thumbnail-link canvas,
|
||||
.mwe-upwiz-thumbnail-link img {
|
||||
.boxshadow(2);
|
||||
}
|
||||
|
||||
.mwe-upwiz-singleLanguageInputWidget {
|
||||
border-color: var( --border-color-base );
|
||||
background-color: var( --background-color-framed );
|
||||
}
|
||||
|
||||
.mwe-upwiz-copyMetadataWidget {
|
||||
border-color: var( --border-color-base );
|
||||
}
|
||||
|
||||
#mwe-upwiz-stepdiv-details .mwe-upwiz-data {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
* resources/jquery.arrowSteps/jquery.arrowSteps.css
|
||||
*/
|
||||
.arrowSteps {
|
||||
border-color: var( --border-color-base );
|
||||
}
|
||||
|
||||
.arrowSteps li {
|
||||
background-color: var( --background-color-framed );
|
||||
color: var( --color-base--subtle );
|
||||
}
|
||||
|
||||
#mwe-upwiz-steps li.head {
|
||||
background-color: var( --background-color-primary--hover );
|
||||
color: var( --color-primary );
|
||||
}
|
||||
|
||||
.arrowSteps li.arrow:after {
|
||||
border-left-color: var( --background-color-framed );
|
||||
}
|
||||
|
||||
.arrowSteps li.arrow:before {
|
||||
border-left-color: var( --background-color-dp-00 );
|
||||
}
|
||||
|
||||
#mwe-upwiz-steps li.head:after {
|
||||
border-left-color: var( --background-color-primary--hover );
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,22 +0,0 @@
|
|||
/*
|
||||
* Citizen - Upload Wizard Campaign Display
|
||||
* https://starcitizen.tools
|
||||
*/
|
||||
|
||||
@import '../../../resources/variables.less';
|
||||
|
||||
.skin-citizen-dark {
|
||||
#mw-campaign-title {
|
||||
border-bottom: 1px solid @dark-bg-30;
|
||||
}
|
||||
|
||||
#mw-campaign-header {
|
||||
border: 1px solid @dark-bg-30;
|
||||
background-color: @dark-bg-10;
|
||||
}
|
||||
|
||||
#mw-campaign-view-all {
|
||||
border: 1px solid @dark-bg-30;
|
||||
background-color: @dark-bg-10;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
/*
|
||||
* Citizen - Upload Wizard Campaign List
|
||||
* https://starcitizen.tools
|
||||
*/
|
||||
|
||||
@import '../../../resources/variables.less';
|
||||
|
||||
.skin-citizen-dark {
|
||||
#mwe-upload-campaigns-pagination {
|
||||
border-top: 1px solid @dark-bg-30;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
/*
|
||||
* Citizen - Upload Wizard
|
||||
* https://starcitizen.tools
|
||||
*/
|
||||
|
||||
/*
|
||||
* resources/uploadWizard.noWizard
|
||||
*/
|
||||
.mwe-first-spinner {
|
||||
min-width: auto;
|
||||
max-width: none; // handled by .mw-body-content
|
||||
}
|
||||
Loading…
Reference in a new issue