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

Tweak button sizes and menu style

Browse source 
Restore previous icon size to header buttons, add padding to accomodate
positioning.

Remove blue border from menus.

// FREEBIE
This commit is contained in:
lilia 2016-04-01 14:20:00 -07:00
parent d8d34e7afc
commit d4174b94f1
5 changed files with 17 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
stylesheets/_conversation.scss
View file

@ -1,6 +1,6 @@
.conversation-title {
display: block;
line-height: $button-height;
line-height: 36px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@ -212,10 +212,6 @@
font-size: smaller;
}
.new-group-update {
.container { height: calc(100% - #{$button-height} - 85px); }
}
.private .entry .avatar,
.private .sender,
.outgoing .sender {

5
stylesheets/_global.scss
View file

@ -83,9 +83,11 @@ button.back {
.header-buttons {
&.left {
float: left;
padding-left: 10px;
}
&.right {
float: right;
padding-right: 10px;
}
height: 0;
@ -121,9 +123,8 @@ button.back {
right: 0;
margin: 0;
padding: 0;
border: solid 1px $blue;
background-color: white;
box-shadow: -2px 2px 2px 0px rgba(0,0,0, 0.2);
box-shadow: 0 0 1px 1px rgba(0,0,0, 0.2);
li {
display: block;

2
stylesheets/_index.scss
View file

@ -84,7 +84,7 @@ input.search {
padding: 0;
margin: 0;
outline: 0;
height: $button-height;
height: 36px;
width: 100%;
padding: 10px;
border: solid 1px $grey_l;

2
stylesheets/_variables.scss
View file

@ -30,7 +30,7 @@ $roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
$roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
$header-height: 64px;
$button-height: 36px;
$button-height: 24px;
$header-color: $blue;
$bubble-border-radius: 20px;

24
stylesheets/manifest.css
View file

@ -53,9 +53,9 @@ body {
.conversation-header button,
.title-bar button {
width: 36px;
height: 36px;
line-height: 36px;
width: 24px;
height: 24px;
line-height: 24px;
padding: 0;
border: 0;
outline: 0; }
@ -94,9 +94,11 @@ button.back {
.header-buttons {
height: 0; }
.header-buttons.left {
float: left; }
float: left;
padding-left: 10px; }
.header-buttons.right {
float: right; }
float: right;
padding-right: 10px; }
.header-buttons .vertical-align {
height: 64px;
vertical-align: middle;
@ -115,8 +117,8 @@ button.back {
position: relative;
float: right; }
.menu .hamburger {
width: 36px;
height: 36px;
width: 24px;
height: 24px;
vertical-align: middle;
-webkit-mask: url("/images/menu.svg") no-repeat center;
-webkit-mask-size: 100%;
@ -135,9 +137,8 @@ button.back {
right: 0;
margin: 0;
padding: 0;
border: solid 1px #2090ea;
background-color: white;
box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.2); }
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); }
.menu .menu-list li {
display: block;
white-space: nowrap;
@ -471,7 +472,7 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
.socket-status {
float: right;
line-height: 36px; }
line-height: 24px; }
.socket-status * {
display: inline;
padding-left: 20px;
@ -788,9 +789,6 @@ input.search {
.group-update {
font-size: smaller; }
.new-group-update .container {
height: calc(100% - 36px - 85px); }
.private .entry .avatar,
.private .sender,
.outgoing .sender {