arno/lychee
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

New caret down icon for the editable title

Browse Source
This commit is contained in:
Tobias Reich 2015-01-02 01:44:06 +01:00
parent e684d7142d
commit 1eadb1c501
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/_header.scss
View File

@ -43,8 +43,22 @@ header {
font-weight: bold;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
z-index: 1;
.iconic {
display: none;
margin: 0 0 0 10px;
width: 10px;
fill: rgba(255, 255, 255, .5);
filter: drop-shadow( 0 -1px 0 rgba(0, 0, 0, .2) );
transition: fill .2s ease;
}
&:hover .iconic { fill: rgba(255, 255, 255, 1); }
&.editable { cursor: pointer; }
&.editable .iconic { display: inline-block; }
}
/* Toolbars ------------------------------------------------*/
@ -69,12 +83,12 @@ header {
&--right { float: right; }
.iconic {
fill: #aaa;
fill: rgba(255, 255, 255, .5);
filter: drop-shadow( 0 -1px 0 rgba(0, 0, 0, .2) );
transition: fill .2s ease;
}
&:hover .iconic { fill: #fff; }
&:hover .iconic { fill: rgba(255, 255, 255, 1); }
&--star.active .iconic { fill: #f0ef77; }