Use a checkbox for the “Mark media as sensitive” composer button

Fixes #1039
This commit is contained in:
Thibaut Girka
2019-05-10 13:59:41 +02:00
committed by ThibG
parent fe00f7a7e4
commit 3ea5c045d7
2 changed files with 42 additions and 7 deletions

View File

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