Simplify menu markup, tweak styles

// 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

View File

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

View File

@ -126,22 +126,17 @@ button.back {
padding: 0;
border: solid 1px $blue;
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 {
display: block;
white-space: nowrap;
cursor: pointer;
padding: 5px 15px 5px 10px;
a {
cursor: pointer;
display: block;
padding: 5px 15px 5px 10px;
&:hover {
background-color: $grey_l;
}
&:hover {
background-color: $grey_l;
}
}
}
}

View File

@ -115,16 +115,14 @@ button.back {
padding: 0;
border: solid 1px #2090ea;
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 {
display: block;
white-space: nowrap; }
.menu .menu-list li a {
cursor: pointer;
display: block;
padding: 5px 15px 5px 10px; }
.menu .menu-list li a:hover {
background-color: #f3f3f3; }
white-space: nowrap;
cursor: pointer;
padding: 5px 15px 5px 10px; }
.menu .menu-list li:hover {
background-color: #f3f3f3; }
.file-input {
position: relative; }