thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Simplify menu markup, tweak styles

Browse source 
// FREEBIE
This commit is contained in:
lilia 2016-03-24 12:57:04 -07:00
parent 76652c2622
commit ab62900e48
3 changed files with 20 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
background.html
View file

@ -10,9 +10,9 @@
<div class='global-menu menu'> <div class='global-menu menu'>
<button class='hamburger'></button> <button class='hamburger'></button>
<ul class='menu-list'> <ul class='menu-list'>
<li><a class='settings'>{{ settings }}</a></li> <li class='settings'>{{ settings }}</li>
<li><a class='show-debug-log'>{{ submitDebugLog }}</a></li> <li class='show-debug-log'>{{ submitDebugLog }}</li>
<li><a class='restart-signal'>{{ restartSignal }}</a></li> <li class='restart-signal'>{{ restartSignal }}</li>
</ul> </ul>
</div> </div>
<span class='socket-status' title='Restart Signal'></span> <span class='socket-status' title='Restart Signal'></span>
@ -55,15 +55,15 @@
<button class='hamburger'></button> <button class='hamburger'></button>
<ul class='menu-list'> <ul class='menu-list'>
{{#group}} {{#group}}
<li><a class='view-members'>{{ view-members }}</a></li> <li class='view-members'>{{ view-members }}</li>
<!-- <li><a class='update-group'>Update group</a></li> --> <!-- <li class='update-group'>Update group</li> -->
<!-- <li><a class='leave-group'>Leave group</a></li> --> <!-- <li class='leave-group'>Leave group</li> -->
{{/group}} {{/group}}
{{^group}} {{^group}}
<li><a class='end-session'>{{ end-session }}</a></li> <li class='end-session'>{{ end-session }}</li>
<li><a class='verify-identity'>{{ verify-identity }}</a></li> <li class='verify-identity'>{{ verify-identity }}</li>
{{/group}} {{/group}}
<li><a class='destroy'>{{ destroy }}</a></li> <li class='destroy'>{{ destroy }}</li>
</ul> </ul>
</div> </div>
</div> </div>

15
stylesheets/_global.scss
View file

@ -126,22 +126,17 @@ button.back {
padding: 0; padding: 0;
border: solid 1px $blue; border: solid 1px $blue;
background-color: white; background-color: white;
box-shadow: 0 4px 3px 0px rgba(darken($blue, 30%), 0.8); box-shadow: -2px 2px 2px 0px rgba(0,0,0, 0.2);
li { li {
display: block; display: block;
white-space: nowrap; white-space: nowrap;
cursor: pointer;
padding: 5px 15px 5px 10px;
a { &:hover {
cursor: pointer; background-color: $grey_l;
display: block;
padding: 5px 15px 5px 10px;
&:hover {
background-color: $grey_l;
}
} }
} }
} }
} }

14
stylesheets/manifest.css
View file

@ -115,16 +115,14 @@ button.back {
padding: 0; padding: 0;
border: solid 1px #2090ea; border: solid 1px #2090ea;
background-color: white; background-color: white;
box-shadow: 0 4px 3px 0px rgba(10, 62, 103, 0.8); } box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2); }
.menu .menu-list li { .menu .menu-list li {
display: block; display: block;
white-space: nowrap; } white-space: nowrap;
.menu .menu-list li a { cursor: pointer;
cursor: pointer; padding: 5px 15px 5px 10px; }
display: block; .menu .menu-list li:hover {
padding: 5px 15px 5px 10px; } background-color: #f3f3f3; }
.menu .menu-list li a:hover {
background-color: #f3f3f3; }
.file-input { .file-input {
position: relative; } position: relative; }