diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2019-05-10 13:59:41 +0200 |
|---|---|---|
| committer | ThibG <thib@sitedethib.com> | 2019-05-11 12:35:38 +0200 |
| commit | 3ea5c045d712713535f130e4c462a00845946dda (patch) | |
| tree | d26e87c4e64392fb584041d2939fbd04a1aa40f0 /app/javascript/flavours/glitch/styles/components/composer.scss | |
| parent | fe00f7a7e4469d18b43be2159fa9d953d2050f46 (diff) | |
Use a checkbox for the “Mark media as sensitive” composer button
Fixes #1039
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/composer.scss')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/composer.scss | 32 |
1 files changed, 29 insertions, 3 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss index 86041da20..bb333d35f 100644 --- a/app/javascript/flavours/glitch/styles/components/composer.scss +++ b/app/javascript/flavours/glitch/styles/components/composer.scss @@ -61,9 +61,35 @@ padding: 10px; padding-top: 0; - .icon-button { - font-size: 14px; - font-weight: 500; + font-size: 14px; + font-weight: 500; + + &.active { + color: $highlight-text-color; + } + + input[type=checkbox] { + display: none; + } + + .checkbox { + display: inline-block; + position: relative; + border: 1px solid $ui-primary-color; + box-sizing: border-box; + width: 18px; + height: 18px; + flex: 0 0 auto; + margin-left: 5px; + margin-right: 10px; + top: -1px; + border-radius: 4px; + vertical-align: middle; + + &.active { + border-color: $highlight-text-color; + background: $highlight-text-color; + } } } |