LupusNobilis/sogo
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

(css) Improve sg-color-chip of events/tasks lists

Browse source
This commit is contained in:
Francis Lachapelle 2015-12-14 13:53:39 -05:00
parent 5499746b3a
commit c7068b11a7
1 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
UI/WebServerResources/scss/components/list/list.scss
View file

@ -15,7 +15,7 @@ $list-item-height: 6 * $baseline-grid; // 48px
$sg-avatar-width: 40px; $sg-avatar-width: 40px;
// Circle diamter of color chips // Circle diamter of color chips
$sg-color-chip-width: $subhead-font-size-base; $sg-color-chip-width: 16px;
// List item label // List item label
md-list-item { md-list-item {
@ -123,19 +123,16 @@ div.md-tile-left {
&-color-chip { &-color-chip {
display: block; display: block;
border-radius: 50%; border-radius: 50%;
margin-right: $bl; margin-left: $bl;
margin-left: -($bl);
border-width: ($sg-avatar-width - $sg-color-chip-width) / 2;
border-color: white; border-color: white;
border-style: solid; border-style: solid;
width: $sg-color-chip-width; width: $sg-color-chip-width;
height: $sg-color-chip-width; height: $sg-color-chip-width;
width: $sg-avatar-width;
height: $sg-avatar-width;
} }
&-tile-content { &-tile-content {
flex: 1; flex: 1;
overflow: hidden; // required in Firefox
.sg-tile-date { .sg-tile-date {
font-size: sg-size(body); font-size: sg-size(body);
font-weight: $sg-font-light; font-weight: $sg-font-light;