mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-10-05 20:10:33 +00:00
(css) Merge autoScrollList.scss with list.scss
This commit is contained in:
@@ -1,100 +0,0 @@
|
||||
/// autoScrollList.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
||||
@import 'extends';
|
||||
|
||||
[id='messagesList'],
|
||||
[id='contactsList'] {
|
||||
border-top: 44px solid transparent; // padding for the header.subheader,
|
||||
border-bottom: 2px solid transparent; // close to a hack
|
||||
|
||||
md-list-item {
|
||||
transition: background-color $swift-ease-in-duration $swift-ease-in-timing-function,
|
||||
color 0.12s linear;
|
||||
&:hover {
|
||||
background-color: sg-color($sogoPaper, 300);
|
||||
color: sg-color($sogoBlue, 800);
|
||||
cursor: pointer;
|
||||
}
|
||||
&:active {
|
||||
color: sg-color($sogoBlue, 800);
|
||||
}
|
||||
&:focus,
|
||||
&.sg-active {
|
||||
background-color: sg-color($sogoBlue, 100);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sg {
|
||||
&-tile-content {
|
||||
align-items: baseline;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
flex: 1;
|
||||
justify-content: space-between;
|
||||
p {
|
||||
margin: $list-p-margin;
|
||||
font-size: sg-size(body);
|
||||
}
|
||||
.msg-date {
|
||||
float: right;
|
||||
font-size: sg-size(body);
|
||||
font-weight: $sg-font-light;
|
||||
line-height: $sg-line-height-2;
|
||||
margin-left: 1em;
|
||||
}
|
||||
.#{$md}-subhead-multi,
|
||||
.#{$md}-subhead-solo,
|
||||
.#{$md}-body-multi {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.#{$md}-subhead-multi {
|
||||
@extend .#{$md}-body-1;
|
||||
font-size: initial;
|
||||
}
|
||||
.#{$md}-body-multi {
|
||||
@extend .#{$md}-caption;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sg-avatar {
|
||||
@extend .md-tile-left-card;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.sg-list-avatar {
|
||||
@extend .md-tile-left-list;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.sg-selected-avatar {
|
||||
@extend .md-tile-left-selected;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.sg-accepted {
|
||||
@extend .md-tile-left-accepted;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.sg-declined {
|
||||
@extend .md-tile-left-declined;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.sg-delegated {
|
||||
@extend .md-tile-left-delegated;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.sg-needs-action {
|
||||
@extend .md-tile-left-needs-action;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
.sg-tentative {
|
||||
@extend .md-tile-left-tentative;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user