Browse Source

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

Port 0e362b7678 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
master^2
ThibG Thibaut Girka 11 months ago
parent
commit
9e5a216878
6 changed files with 89 additions and 0 deletions
  1. +5
    -0
      app/javascript/flavours/glitch/styles/about.scss
  2. +4
    -0
      app/javascript/flavours/glitch/styles/basics.scss
  3. +12
    -0
      app/javascript/flavours/glitch/styles/components/accounts.scss
  4. +21
    -0
      app/javascript/flavours/glitch/styles/forms.scss
  5. +30
    -0
      app/javascript/flavours/glitch/styles/polls.scss
  6. +17
    -0
      app/javascript/flavours/glitch/styles/statuses.scss

+ 5
- 0
app/javascript/flavours/glitch/styles/about.scss View File

@@ -760,8 +760,13 @@ $small-breakpoint: 960px;
}
}

&__counters__wrapper {
display: flex;
}

&__counter {
padding: 10px;
width: 50%;

strong {
font-family: $font-display, sans-serif;


+ 4
- 0
app/javascript/flavours/glitch/styles/basics.scss View File

@@ -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


+ 12
- 0
app/javascript/flavours/glitch/styles/components/accounts.scss View File

@@ -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%;
}
}
}



+ 21
- 0
app/javascript/flavours/glitch/styles/forms.scss View File

@@ -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 {


+ 30
- 0
app/javascript/flavours/glitch/styles/polls.scss View File

@@ -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;


+ 17
- 0
app/javascript/flavours/glitch/styles/statuses.scss View File

@@ -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