Browse Source

CSS cleanup

pull/479/head
Sebastian 6 years ago
parent
commit
18ab84be04
  1. 19
      frontend/app/features/administration/pages/restore/restore-page.component.scss
  2. 2
      frontend/app/features/api/api-area.component.scss
  3. 4
      frontend/app/features/apps/pages/apps-page.component.scss
  4. 8
      frontend/app/features/settings/pages/clients/client-connect-form.component.scss
  5. 16
      frontend/app/framework/angular/status-icon.component.scss
  6. 16
      frontend/app/shared/components/assets/asset-uploader.component.scss
  7. 9
      frontend/app/theme/_mixins.scss

19
frontend/app/features/administration/pages/restore/restore-page.component.scss

@ -8,10 +8,6 @@ h3 {
margin-bottom: .8rem; margin-bottom: .8rem;
} }
.container {
padding-top: 2rem;
}
.card { .card {
&-header { &-header {
h3 { h3 {
@ -35,18 +31,13 @@ h3 {
.restore { .restore {
&-status { &-status {
& { & {
@include circle($circle-size); @include circle-icon($circle-size);
background: $color-border; background: $color-border;
color: $color-dark-foreground;
font-size: .6 * $circle-size;
font-weight: normal;
line-height: $circle-size + .1rem;
text-align: center;
vertical-align: middle;
} }
&-pending { &-failed,
color: inherit; &-success {
color: $color-dark-foreground;
} }
&-failed { &-failed {
@ -60,6 +51,6 @@ h3 {
&-url { &-url {
@include truncate; @include truncate;
line-height: 30px; line-height: $circle-size;
} }
} }

2
frontend/app/features/api/api-area.component.scss

@ -5,5 +5,5 @@
} }
.icon-angle-right { .icon-angle-right {
@include absolute(14px, 2rem); @include absolute(14px, 1.5rem);
} }

4
frontend/app/features/apps/pages/apps-page.component.scss

@ -18,10 +18,6 @@
width: 20rem; width: 20rem;
} }
&-lg {
width: 33rem;
}
&-links { &-links {
margin-top: .5rem; margin-top: .5rem;
} }

8
frontend/app/features/settings/pages/clients/client-connect-form.component.scss

@ -34,12 +34,4 @@
font-size: 1.8rem; font-size: 1.8rem;
font-weight: 300; font-weight: 300;
} }
}
.access-token {
font-family: monospace;
font-size: 1rem;
font-weight: normal;
height: 10rem;
resize: none;
} }

16
frontend/app/framework/angular/status-icon.component.scss

@ -1,29 +1,17 @@
$circle-size-sm: 1.6rem;
$circle-size-lg: 2.8rem;
.status { .status {
& { & {
background: $color-border; background: $color-border;
border: 0; border: 0;
color: $color-dark-foreground; color: $color-dark-foreground;
display: inline-block; display: inline-block;
text-align: center;
vertical-align: middle;
} }
&.sm { &.sm {
@include circle($circle-size-sm); @include circle-icon(1.6rem);
font-size: .5 * $circle-size-sm;
font-weight: normal;
line-height: $circle-size-sm + .1rem;
} }
&.lg { &.lg {
@include circle($circle-size-lg); @include circle-icon(2.8rem);
font-size: .5 * $circle-size-lg;
font-weight: normal;
line-height: $circle-size-lg + .1rem;
} }
&-pending { &-pending {

16
frontend/app/shared/components/assets/asset-uploader.component.scss

@ -48,18 +48,16 @@ $circle-size: 1.6rem;
.upload-status { .upload-status {
& { & {
@include circle($circle-size); @include circle-icon(1.6rem);
background: $color-border;
color: $color-dark-foreground;
cursor: none;
font-size: .4 * $circle-size;
font-weight: normal;
line-height: $circle-size + .1rem;
text-align: center;
} }
&-running { &-running {
color: inherit; background: $color-border;
}
&-failed,
&-success {
color: $color-dark-foreground;
} }
&-failed { &-failed {

9
frontend/app/theme/_mixins.scss

@ -130,6 +130,15 @@
display: inline-block; display: inline-block;
} }
@mixin circle-icon($size) {
@include circle($size);
cursor: none;
font-size: .5 * $size;
font-weight: normal;
line-height: $size + .1rem;
text-align: center;
}
@mixin placeholder-color($color) { @mixin placeholder-color($color) {
::placeholder { ::placeholder {
color: $color; color: $color;

Loading…
Cancel
Save