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

feat: Update CookieWarning styles (#274)

Browse source
This commit is contained in:
alistair3149 2021-02-20 15:13:41 -05:00 committed by GitHub
parent 198fe0800d
commit 0b7bb9f032
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less
View file

@ -7,14 +7,10 @@
@import '../../../resources/mixins.less';
.mw-cookiewarning-container {
top: unset;
right: 0;
bottom: 0;
display: flex;
overflow: hidden;
max-width: var( --width-breakpoint-desktop-wide );
justify-content: space-between;
padding: 0;
padding: 0 var( --padding-page );
margin: 0 auto;
background-color: #343a40; // dark base 70
border-radius: @border-radius-large @border-radius-large 0 0;
@ -25,39 +21,13 @@
.boxshadow(5);
.mw-cookiewarning-text {
display: flex;
flex-grow: 1;
align-items: center;
> span {
display: block;
flex-grow: 1;
padding: var( --padding-page );
margin: 0;
}
> a {
height: auto;
padding: 10px var( --padding-page );
margin: 0;
background: transparent;
}
padding: 20px 0;
}
.mw-cookiewarning-dismiss {
padding: 10px var( --padding-page );
margin: 0;
background: var( --color-primary );
border-radius: 0;
transition: @transition-background-quick;
&:hover {
background: var( --color-primary--hover );
}
&:active {
background: var( --color-primary--active );
}
form {
display: flex;
align-items: center;
padding: 10px 0;
}
}
@ -67,22 +37,15 @@
.mw-cookiewarning-text {
flex-wrap: wrap;
padding-bottom: 10px;
/* Hack to hide nbsp */
font-size: 0;
> span {
font-size: @content-small-text-size;
}
> a {
width: 100%;
text-align: center;
}
}
> form,
.mw-cookiewarning-dismiss {
form {
width: 100%;
justify-content: center;
margin-left: -8px; // cancel out the button margin
}
}
}