diff options
| author | Takeshi Umeda <noel.yoshiba@gmail.com> | 2020-11-13 01:43:12 +0900 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2020-11-12 22:24:24 +0100 |
| commit | 412fe2ebb0739dd15978305d7c78561c6333b138 (patch) | |
| tree | 00b0fd3b0ce2fc2f588a644055d01a3fd9dbe9d3 | |
| parent | 0aeb833317de7ad8962ebde113836585cfe6b33d (diff) | |
[Glitch] Add interrelationship icon
Port SCSS changes from 148ce97e21092500a2abeb87f6dc3c0adf5f28e4 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
| -rw-r--r-- | app/javascript/flavours/glitch/styles/variables.scss | 2 | ||||
| -rw-r--r-- | app/javascript/flavours/glitch/styles/widgets.scss | 20 |
2 files changed, 22 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/variables.scss b/app/javascript/flavours/glitch/styles/variables.scss index 1ed1a5778..6e242281b 100644 --- a/app/javascript/flavours/glitch/styles/variables.scss +++ b/app/javascript/flavours/glitch/styles/variables.scss @@ -36,6 +36,8 @@ $dark-text-color: $ui-base-lighter-color !default; $secondary-text-color: $ui-secondary-color !default; $highlight-text-color: $ui-highlight-color !default; $action-button-color: $ui-base-lighter-color !default; +$passive-text-color: $gold-star !default; +$active-passive-text-color: $success-green !default; // For texts on inverted backgrounds $inverted-text-color: $ui-base-color !default; $lighter-text-color: $ui-base-lighter-color !default; diff --git a/app/javascript/flavours/glitch/styles/widgets.scss b/app/javascript/flavours/glitch/styles/widgets.scss index 531425573..b397844a2 100644 --- a/app/javascript/flavours/glitch/styles/widgets.scss +++ b/app/javascript/flavours/glitch/styles/widgets.scss @@ -437,6 +437,26 @@ vertical-align: initial !important; } + &__interrelationships { + width: 21px; + } + + .fa { + font-size: 16px; + + &.active { + color: $highlight-text-color; + } + + &.passive { + color: $passive-text-color; + } + + &.active.passive { + color: $active-passive-text-color; + } + } + @media screen and (max-width: $no-gap-breakpoint) { tbody td.optional { display: none; |