UX: Right align notification item time, adjust mobile space, consolodate
This commit is contained in:
parent
dcb40a92c7
commit
f9a44488e9
|
@ -9,6 +9,7 @@
|
|||
.user-stream-item {
|
||||
background-color: $secondary;
|
||||
border-bottom: 1px solid $primary-low;
|
||||
padding: 1em 0.53em;
|
||||
|
||||
&.moderator-action {
|
||||
background-color: $highlight-medium;
|
||||
|
@ -38,8 +39,7 @@
|
|||
.time,
|
||||
.delete-info,
|
||||
.draft-type {
|
||||
display: block;
|
||||
float: right;
|
||||
margin-left: auto;
|
||||
color: $primary-medium;
|
||||
font-size: $font-down-2;
|
||||
}
|
||||
|
@ -103,12 +103,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.time {
|
||||
display: inline-block;
|
||||
margin-left: 10px;
|
||||
float: none;
|
||||
}
|
||||
|
||||
// common/base/header.scss
|
||||
.fa,
|
||||
.icon {
|
||||
|
|
|
@ -1,15 +1,5 @@
|
|||
// Desktop styles for "user-stream-item" component
|
||||
.user-stream {
|
||||
// DEPRECATION:
|
||||
// The ".item" class should be eventually removed because it's too generic.
|
||||
// Once ".item" has been removed, ".user-stream-item" can replace
|
||||
// ".user-stream" as the top-level selector on this file as all other
|
||||
// selectors below are its children
|
||||
.item,
|
||||
.user-stream-item {
|
||||
padding: 1em 0.53em;
|
||||
}
|
||||
|
||||
.time,
|
||||
.delete-info,
|
||||
.draft-type {
|
||||
|
|
|
@ -1,15 +1,5 @@
|
|||
// Mobile styles for "user-stream-item" component
|
||||
.user-stream {
|
||||
// DEPRECATION:
|
||||
// The ".item" class should be eventually removed because it's too generic.
|
||||
// Once ".item" has been removed, ".user-stream-item" can replace
|
||||
// ".user-stream" as the top-level selector on this file as all other
|
||||
// selectors below are its children
|
||||
.item,
|
||||
.user-stream-item {
|
||||
padding: 20px 0 15px 0;
|
||||
}
|
||||
|
||||
.name {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue