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

Move back button to the left

Browse source 
// FREEBIE
This commit is contained in:
lilia 2016-03-22 11:01:04 -07:00
parent 2c4d2b150e
commit 2e7c7ce0cc
3 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
background.html
View file

@ -5,7 +5,7 @@
<script type='text/x-tmpl-mustache' id='two-column'> <script type='text/x-tmpl-mustache' id='two-column'>
<div class='gutter'> <div class='gutter'>
<div class='title-bar active' id='header'> <div class='title-bar active' id='header'>
<div class='header-buttons'> <div class='header-buttons right'>
<div class='vertical-align'> <div class='vertical-align'>
<div class='global-menu menu'> <div class='global-menu menu'>
<button class='hamburger'></button> <button class='hamburger'></button>
@ -44,9 +44,13 @@
<script type='text/x-tmpl-mustache' id='conversation'> <script type='text/x-tmpl-mustache' id='conversation'>
<div class='conversation-header' <div class='conversation-header'
style='background-color: {{ avatar.color }}'> style='background-color: {{ avatar.color }}'>
<div class='header-buttons'> <div class='header-buttons left'>
<div class='vertical-align'> <div class='vertical-align'>
<button class='back hide'></button> <button class='back hide'></button>
</div>
</div>
<div class='header-buttons right'>
<div class='vertical-align'>
<div class='conversation-menu menu'> <div class='conversation-menu menu'>
<button class='hamburger'></button> <button class='hamburger'></button>
<ul class='menu-list'> <ul class='menu-list'>

7
stylesheets/_global.scss
View file

@ -79,7 +79,12 @@ button.back {
} }
.header-buttons { .header-buttons {
float: right; &.left {
float: left;
}
&.right {
float: right;
}
height: 0; height: 0;
.vertical-align { .vertical-align {

5
stylesheets/manifest.css
View file

@ -77,8 +77,11 @@ button.back {
border-radius: 10px; } border-radius: 10px; }
.header-buttons { .header-buttons {
float: right;
height: 0; } height: 0; }
.header-buttons.left {
float: left; }
.header-buttons.right {
float: right; }
.header-buttons .vertical-align { .header-buttons .vertical-align {
height: 64px; height: 64px;
vertical-align: middle; vertical-align: middle;