amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-09-29 09:00:31 +00:00
Code Issues Projects Releases Wiki Activity

Typograpy : Messages list subheader

Browse Source
This commit is contained in:
iRouge
2015-06-11 15:57:18 -04:00
committed by Francis Lachapelle
parent 08a76aef97
commit 174b6f365b
5 changed files with 29 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/components/autoScrollList/autoScrollList.scss
+9 -2
View File
@@ -10,13 +10,20 @@
// avoid overspecifying
// todo: create new classes and refactor templates markup
[id='messagesList'] {
border-top: 44px solid transparent; // padding for the header.subheader,
border-bottom: 2px solid transparent; //close to a hack
md-item-content {
padding: $layout-gutter-width;
}
.sg-md-subhead-solo {
margin: 0;
}
}
.sg-tile-content {
padding: 0 0 0 $layout-gutter-width;
.sg-md-subhead-multi {
.sg-md-subhead-multi,
.sg-md-subhead-solo {
margin: 0;
}
.sg-md-body-multi {
@@ -28,4 +35,4 @@
justify-content: space-between;
flex-wrap: wrap;
}
}
}
UI/WebServerResources/scss/components/subheader/subheader.scss
+15 -1
View File
@@ -1 +1,15 @@
@import 'extends';
@import 'extends';
.sg-md-subheader {
padding: $baseline-grid $baseline-grid $baseline-grid $layout-gutter-width;
position: fixed;
background-color: rgb(247,241,220); // default theme background
z-index: 58;
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
}
// WIdth for message list
// ----------------------------------------------------------------------------
[id = "messagesList"] .sg-md-subheader {
width: 390px; // todo : convert this in grid-pitch
transform: translateY(-100%); // Compensate the container top-margin
}