mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Add styling for the file input area

Browse source 
The file input area has a transparent border. When a file is dragged
above that area, the border turns blue. This helps the user understand
that this is the correct drop-off area.
This commit is contained in:
OdysseasKr 2015-12-04 00:34:19 +02:00 • committed by lilia
parent cbbb8dfa24
commit c1300fc014
2 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
stylesheets/_global.scss
View file

@ -136,6 +136,8 @@ button.back {
.file-input { .file-input {
position: relative; position: relative;
margin-right: 10px; margin-right: 10px;
box-sizing: content-box;
border: 1px transparent solid;
.choose-file { .choose-file {
cursor: pointer; cursor: pointer;
} }
@ -178,6 +180,10 @@ button.back {
} }
} }
.dropoff {
border: 1px #2090ea dashed;
}
img.emoji { img.emoji {
height: 1em; height: 1em;
width: 1em; width: 1em;

7
stylesheets/manifest.css
View file

@ -117,7 +117,9 @@ button.back {
.file-input { .file-input {
position: relative; position: relative;
margin-right: 10px; } margin-right: 10px;
box-sizing: content-box;
border: 1px transparent solid; }
.file-input .choose-file { .file-input .choose-file {
cursor: pointer; } cursor: pointer; }
.file-input .paperclip { .file-input .paperclip {
@ -151,6 +153,9 @@ button.back {
color: #fff; color: #fff;
text-align: center; } text-align: center; }
.dropoff {
border: 1px #2090ea dashed; }
img.emoji { img.emoji {
height: 1em; height: 1em;
width: 1em; width: 1em;