IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-26 19:00:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/common/components/user-stream-item.scss
View File

@ -9,6 +9,7 @@
.user-stream-item { .user-stream-item {
background-color: $secondary; background-color: $secondary;
border-bottom: 1px solid $primary-low; border-bottom: 1px solid $primary-low;
padding: 1em 0.53em;
&.moderator-action { &.moderator-action {
background-color: $highlight-medium; background-color: $highlight-medium;
@ -38,8 +39,7 @@
.time, .time,
.delete-info, .delete-info,
.draft-type { .draft-type {
display: block; margin-left: auto;
float: right;
color: $primary-medium; color: $primary-medium;
font-size: $font-down-2; font-size: $font-down-2;
} }
@ -103,12 +103,6 @@
} }
} }
.time {
display: inline-block;
margin-left: 10px;
float: none;
}
// common/base/header.scss // common/base/header.scss
.fa, .fa,
.icon { .icon {

10
app/assets/stylesheets/desktop/components/user-stream-item.scss
View File

@ -1,15 +1,5 @@
// Desktop styles for "user-stream-item" component // Desktop styles for "user-stream-item" component
.user-stream { .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, .time,
.delete-info, .delete-info,
.draft-type { .draft-type {

10
app/assets/stylesheets/mobile/components/user-stream-item.scss
View File

@ -1,15 +1,5 @@
// Mobile styles for "user-stream-item" component // Mobile styles for "user-stream-item" component
.user-stream { .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 { .name {
vertical-align: middle; vertical-align: middle;
} }