[Glitch] Add interrelationship icon

Port SCSS changes from 148ce97e21 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
master
Takeshi Umeda 3 years ago committed by Thibaut Girka
parent 0aeb833317
commit 412fe2ebb0
  1. 2
      app/javascript/flavours/glitch/styles/variables.scss
  2. 20
      app/javascript/flavours/glitch/styles/widgets.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;

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

Loading…
Cancel
Save