[Glitch] Fix end-user-facing uses of inline CSS

Port 0e362b7678 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
master
ThibG 4 years ago committed by Thibaut Girka
parent 4a5f93c25f
commit 9e5a216878
  1. 5
      app/javascript/flavours/glitch/styles/about.scss
  2. 4
      app/javascript/flavours/glitch/styles/basics.scss
  3. 12
      app/javascript/flavours/glitch/styles/components/accounts.scss
  4. 21
      app/javascript/flavours/glitch/styles/forms.scss
  5. 30
      app/javascript/flavours/glitch/styles/polls.scss
  6. 17
      app/javascript/flavours/glitch/styles/statuses.scss

@ -760,8 +760,13 @@ $small-breakpoint: 960px;
}
}
&__counters__wrapper {
display: flex;
}
&__counter {
padding: 10px;
width: 50%;
strong {
font-family: $font-display, sans-serif;

@ -151,6 +151,10 @@ button {
}
}
.logo-resources {
display: none;
}
// NoScript adds a __ns__pop2top class to the full ancestry of blocked elements,
// to set the z-index to a high value, which messes with modals and dropdowns.
// Blocked elements can in theory only be media and frames/embeds, so they

@ -80,6 +80,12 @@
&-base {
@include avatar-radius();
@include avatar-size(36px);
img {
@include avatar-radius;
width: 100%;
height: 100%;
}
}
&-overlay {
@ -90,6 +96,12 @@
bottom: 0;
right: 0;
z-index: 1;
img {
@include avatar-radius;
width: 100%;
height: 100%;
}
}
}

@ -133,6 +133,10 @@ code {
}
}
.otp-hint {
margin-bottom: 25px;
}
.card {
margin-bottom: 15px;
}
@ -276,6 +280,14 @@ code {
margin-bottom: 25px;
}
}
.fields-group.invited-by {
margin-bottom: 30px;
.hint {
text-align: center;
}
}
}
.input.radio_buttons .radio label {
@ -626,6 +638,15 @@ code {
@media screen and (max-width: 740px) and (min-width: 441px) {
margin-top: 40px;
}
&.translation-prompt {
text-align: unset;
color: unset;
a {
text-decoration: underline;
}
}
}
.form-footer {

@ -25,6 +25,36 @@
}
}
progress {
border: 0;
display: block;
width: 100%;
height: 5px;
appearance: none;
background: transparent;
&::-webkit-progress-bar {
background: transparent;
}
// Those rules need to be entirely separate or they won't work, hence the
// duplication
&::-moz-progress-bar {
border-radius: 4px;
background: darken($ui-primary-color, 5%);
}
&::-ms-fill {
border-radius: 4px;
background: darken($ui-primary-color, 5%);
}
&::-webkit-progress-value {
border-radius: 4px;
background: darken($ui-primary-color, 5%);
}
}
&__option {
position: relative;
display: flex;

@ -124,6 +124,16 @@
.embed,
.public-layout {
.status__content[data-spoiler=folded] {
.e-content {
display: none;
}
p:first-child {
margin-bottom: 0;
}
}
.detailed-status {
padding: 15px;
}
@ -162,6 +172,13 @@
.video-player {
margin-top: 10px;
}
&__action-bar-button {
font-size: 18px;
width: 23.1429px;
height: 23.1429px;
line-height: 23.15px;
}
}
}

Loading…
Cancel
Save