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

Center conversation tile in the main pane

Browse source 
Also fixes a visual bug with debug log and other overlays which wouldn't
cover the right edge of a very wide window.

// FREEBIE
This commit is contained in:
lilia 2016-02-18 20:12:01 -08:00
parent 33fde3d4e7
commit 78603259c1
4 changed files with 7 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
stylesheets/_conversation.scss
View file

@ -15,8 +15,9 @@
} }
.conversation { .conversation {
max-width: 950px;
background-color: #ffffff; background-color: #ffffff;
margin: 10px; margin: 10px auto;
padding: 20px 20px 10px; padding: 20px 20px 10px;
border-radius: 10px; border-radius: 10px;
height: calc(100% - 20px); height: calc(100% - 20px);

3
stylesheets/_global.scss
View file

@ -29,7 +29,6 @@ body {
} }
#header { #header {
max-width: 1300px;
position: fixed; position: fixed;
top: 1px; top: 1px;
width: calc(100% - 2px); width: calc(100% - 2px);
@ -92,8 +91,6 @@ button.back {
position: relative; position: relative;
float: right; float: right;
height: 36px; height: 36px;
padding-right: 8px;
.hamburger { .hamburger {
width: $header-height; width: $header-height;

4
stylesheets/_index.scss
View file

@ -50,8 +50,7 @@
} }
.conversation-stack { .conversation-stack {
padding-left: 300px; padding: $header-height 10px 0px 310px;
padding-top: $header-height;
.conversation { .conversation {
display: none; display: none;
} }
@ -163,7 +162,6 @@ input.search {
} }
.index { .index {
max-width: 1300px;
color: $grey_d; color: $grey_d;
background: #2eace0; background: #2eace0;

11
stylesheets/manifest.css
View file

@ -38,7 +38,6 @@ body {
display: none; } display: none; }
#header { #header {
max-width: 1300px;
position: fixed; position: fixed;
top: 1px; top: 1px;
width: calc(100% - 2px); width: calc(100% - 2px);
@ -86,8 +85,7 @@ button.back {
.menu { .menu {
position: relative; position: relative;
float: right; float: right;
height: 36px; height: 36px; }
padding-right: 8px; }
.menu .hamburger { .menu .hamburger {
width: 36px; width: 36px;
height: 36px; height: 36px;
@ -433,8 +431,7 @@ img.emoji {
background: url("/images/error_red.png") no-repeat left center; } background: url("/images/error_red.png") no-repeat left center; }
.conversation-stack { .conversation-stack {
padding-left: 300px; padding: 36px 10px 0px 310px; }
padding-top: 36px; }
.conversation-stack .conversation { .conversation-stack .conversation {
display: none; } display: none; }
.conversation-stack .conversation:first-child { .conversation-stack .conversation:first-child {
@ -516,7 +513,6 @@ input.search {
opacity: 1; } opacity: 1; }
.index { .index {
max-width: 1300px;
color: #454545; color: #454545;
background: #2eace0; } background: #2eace0; }
.index .gutter .new-group-update-form { .index .gutter .new-group-update-form {
@ -626,8 +622,9 @@ input.search {
color: #999; } color: #999; }
.conversation { .conversation {
max-width: 950px;
background-color: #ffffff; background-color: #ffffff;
margin: 10px; margin: 10px auto;
padding: 20px 20px 10px; padding: 20px 20px 10px;
border-radius: 10px; border-radius: 10px;
height: calc(100% - 20px); height: calc(100% - 20px);