amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-07-06 17:05:10 +00:00
Code Issues Projects Releases Wiki Activity

Adjust z-indexes and box-shadows

Browse Source
This commit is contained in:
iRouge
2015-02-03 21:22:12 -05:00
committed by Francis Lachapelle
parent 174b6f365b
commit e7b7e9cefe
9 changed files with 60 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/components/autoScrollList/autoScrollList.scss
+1
View File
@@ -12,6 +12,7 @@
[id='messagesList'] {
border-top: 44px solid transparent; // padding for the header.subheader,
border-bottom: 2px solid transparent; //close to a hack
z-index: 10;
md-item-content {
padding: $layout-gutter-width;
UI/WebServerResources/scss/components/list/list.scss
+17 -3
View File
@@ -8,7 +8,6 @@
.sg {
&-tile-content {
@extend .md-tile-content;
margin-left: $layout-gutter-width; // dirty fix for vs-repeat damages
.name {
margin: $list-h3-margin;
font-weight: $list-h3-font-weight;
@@ -37,7 +36,22 @@
}
// The right tile for a list item (avatar container)
// ----------------------------------------------------------------------------
.md-tile-left {
.md-tile-left,
.md-tile-right {
border-radius: 100%;
min-height: 56px;
padding: $layout-gutter-width;
width: $sg-md-grid-pitch + $baseline-grid;
height: $sg-md-grid-pitch + $baseline-grid;
background-clip: content-box;
margin-left: -$layout-gutter-width;
}
.md-tile-right {
margin-right: -$layout-gutter-width;
}
.md-tile-left:before {
content: "\f251";
font-family: 'Material Design Iconic Font';
font-size: 40px;
color: rgba(0, 0, 0, 0.26);
}
UI/WebServerResources/scss/components/subheader/subheader.scss
+16
View File
@@ -12,4 +12,20 @@
[id = "messagesList"] .sg-md-subheader {
width: 390px; // todo : convert this in grid-pitch
transform: translateY(-100%); // Compensate the container top-margin
}
.sg-md-subheader {
font-size: $sg-font-size-2;
font-weight: $sg-font-medium;
}
.sg-md-subheader > * {
font-size: inherit;
font-weight: inherit;
}
.sg-md-subheader.sg-avatar {
&-left {
padding-left: $sg-md-grid-pitch + $baseline-grid;
}
&-right {
padding-left: $baseline-grid * 2;
}
}
UI/WebServerResources/scss/components/toolbar/_extends.scss
+5 -1
View File
@@ -1,2 +1,6 @@
/*! toolbar/_extends.scss - */
@import '../../../angular-material/src/components/toolbar/toolbar.scss';
@import '../../../angular-material/src/components/toolbar/toolbar.scss';
[id='messagesList'] {
@extend .md-whiteframe-z2;
}
UI/WebServerResources/scss/components/toolbar/toolbar.scss
+5 -1
View File
@@ -1 +1,5 @@
@import 'extends';
@import 'extends';
.md-toolbar {
z-index: 20;
}