UX: Right align notification item time, adjust mobile space, consolodate

This commit is contained in:
Kris 2020-04-27 23:19:15 -04:00
parent dcb40a92c7
commit f9a44488e9
3 changed files with 2 additions and 28 deletions

View File

@ -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 {

View File

@ -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 {

View File

@ -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;
}