Skip to content
Permalink
Browse files

Adding a text-overflow: ellipsis; mixin and related cleanup

  • Loading branch information...
awesomerobot committed Nov 6, 2019
1 parent 1aa96a5 commit b066a4128d0971c16ab88ef1673115e4a7d16a54
Showing with 61 additions and 159 deletions.
  1. +2 −6 app/assets/stylesheets/common/admin/admin_base.scss
  2. +1 −3 app/assets/stylesheets/common/admin/admin_report_counters.scss
  3. +4 −11 app/assets/stylesheets/common/admin/admin_report_table.scss
  4. +5 −1 app/assets/stylesheets/common/admin/customize.scss
  5. +2 −6 app/assets/stylesheets/common/admin/emails.scss
  6. +1 −3 app/assets/stylesheets/common/admin/users.scss
  7. +3 −12 app/assets/stylesheets/common/base/category-list.scss
  8. +3 −9 app/assets/stylesheets/common/base/compose.scss
  9. +1 −3 app/assets/stylesheets/common/base/emoji.scss
  10. +5 −15 app/assets/stylesheets/common/base/header.scss
  11. +1 −3 app/assets/stylesheets/common/base/lightbox.scss
  12. +1 −7 app/assets/stylesheets/common/base/menu-panel.scss
  13. +3 −6 app/assets/stylesheets/common/base/onebox.scss
  14. +2 −5 app/assets/stylesheets/common/base/reviewables.scss
  15. +2 −6 app/assets/stylesheets/common/base/search-menu.scss
  16. +1 −3 app/assets/stylesheets/common/base/tagging.scss
  17. +1 −3 app/assets/stylesheets/common/base/topic-post.scss
  18. +1 −3 app/assets/stylesheets/common/base/topic.scss
  19. +1 −5 app/assets/stylesheets/common/base/user.scss
  20. +3 −13 app/assets/stylesheets/common/components/user-card.scss
  21. +1 −3 app/assets/stylesheets/common/components/user-info.scss
  22. +2 −6 app/assets/stylesheets/common/components/user-stream-item.scss
  23. +6 −0 app/assets/stylesheets/common/foundation/mixins.scss
  24. +1 −3 app/assets/stylesheets/common/select-kit/dropdown-select-box.scss
  25. +1 −3 app/assets/stylesheets/common/select-kit/select-kit.scss
  26. +1 −3 app/assets/stylesheets/desktop/category-list.scss
  27. +2 −6 app/assets/stylesheets/desktop/user.scss
  28. +1 −3 app/assets/stylesheets/mobile/components/user-card.scss
  29. +1 −3 app/assets/stylesheets/mobile/compose.scss
  30. +1 −3 app/assets/stylesheets/mobile/header.scss
  31. +1 −3 plugins/discourse-local-dates/assets/stylesheets/common/discourse-local-dates.scss
@@ -313,9 +313,7 @@ $mobile-breakpoint: 700px;
}
td.x-value {
max-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@include ellipsis;
}
}
.bar-container {
@@ -861,9 +859,7 @@ table#user-badges {
.value-list {
.value {
padding: 0.125em 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
display: flex;

&:last-child {
@@ -37,9 +37,7 @@

&.title {
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@include ellipsis;

.d-icon {
color: $primary-low-mid;
@@ -2,9 +2,7 @@
&.two-columns {
.table .admin-report-table-cell:first-child,
.table .admin-report-table-header:first-child {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@include ellipsis;
text-align: left;
width: 80%;
}
@@ -32,8 +30,7 @@
outline: none;
background: none;
padding: 3px 8px;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}

&.is-current-sort {
@@ -106,9 +103,7 @@
}

.admin-report-table-cell.term {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@include ellipsis;
}
}

@@ -132,9 +127,7 @@

.admin-report-table-cell.post,
.admin-report-table-cell.edit_reason {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
@include ellipsis;
}
}

@@ -589,7 +589,11 @@
.category,
.external_url,
.post {
text-overflow: ellipsis;
@include ellipsis;
max-width: 100px;
@include breakpoint(tablet) {
max-width: 100%;
}
}

&.grid tr.admin-list-item {
@@ -15,16 +15,12 @@
}
.username div {
max-width: 180px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}
.addresses p {
margin: 2px 0;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}
}

@@ -102,10 +102,8 @@

.admin-users-list {
td.username {
white-space: nowrap;
@include ellipsis;
overflow-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 970px) and (min-width: 768px) {
td.username {
@@ -7,8 +7,7 @@
.category-name {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
vertical-align: text-top;
line-height: $line-height-medium;
}
@@ -109,8 +108,6 @@
color: dark-light-choose($primary-medium, $secondary-high);
.overflow {
max-height: 6em;
overflow: hidden;
text-overflow: ellipsis;
}
}

@@ -122,7 +119,6 @@
text-align: center;
color: $primary;
overflow: hidden;
text-overflow: ellipsis;
}

.subcategories {
@@ -131,9 +127,7 @@
.subcategory {
display: flex;
align-items: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@include ellipsis;
margin-right: 1em;
margin-bottom: 0.6em;
.subcategory-image-placeholder {
@@ -142,8 +136,7 @@
}
.subcategory-link {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}
.logo img {
display: inline-block;
@@ -166,7 +159,6 @@
font-size: $font-up-2;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
}

.category-box-heading {
@@ -192,7 +184,6 @@
.overflow {
max-height: 3em;
overflow: hidden;
text-overflow: ellipsis;
}
.d-icon {
margin-right: 0.15em;
@@ -122,9 +122,7 @@
}

.action-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}

.topic-link,
@@ -136,9 +134,7 @@
.username {
margin-right: 5px;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@include ellipsis;
@media screen and (max-width: 500px) {
display: none;
}
@@ -358,9 +354,7 @@
a {
padding: 5px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;

span.username {
color: $primary;
@@ -106,10 +106,8 @@ sup img.emoji {
}

.emoji-picker .info {
text-overflow: ellipsis;
@include ellipsis;
padding-left: 8px;
white-space: nowrap;
overflow: hidden;
font-weight: 700;
max-width: 125px;
}
@@ -245,9 +245,7 @@
.topic-link {
color: $header_primary;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}
.topic-statuses {
.d-icon {
@@ -275,9 +273,7 @@
flex: 0 1 auto;
min-width: 1px;
.badge-wrapper {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@include ellipsis;
}
}
.badge-wrapper {
@@ -305,9 +301,7 @@
flex: 1 0 0%; // unit on flex-basis is required for IE11
.discourse-tags {
color: $header_primary-high;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@include ellipsis;
.discourse-tag {
display: inline; // tags need to stay inline in order for them to truncate
}
@@ -357,9 +351,7 @@ $mobile-avatar-height: 1.532em;
padding: 0 5px;
border: 1px solid $primary-low;
border-radius: 0.25em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@include ellipsis;

.icon {
display: flex;
@@ -376,9 +368,7 @@ $mobile-avatar-height: 1.532em;
}

span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@include ellipsis;
}
}

@@ -47,9 +47,7 @@ $meta-element-margin: 6px;

.filename {
margin: $meta-element-margin;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@include ellipsis;
}

.d-icon {
@@ -115,8 +115,6 @@
line-height: $line-height-large;
}
.badge-wrapper {
overflow: hidden;
text-overflow: ellipsis;
&.bar,
&.bullet {
color: $primary;
@@ -143,8 +141,6 @@

span.badge-category {
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}

div.discourse-tags {
@@ -341,9 +337,7 @@ div.menu-links-header {
span.d-label {
display: block;
max-width: 130px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@include ellipsis;
}

@include breakpoint(mobile-medium) {
@@ -562,21 +562,18 @@ aside.onebox.twitterstatus .onebox-body {
.outer-box {
position: absolute;
z-index: z("base");
overflow: hidden;
font-size: $font-down-1;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
text-overflow: ellipsis;
max-width: 100%;
@include ellipsis;
max-width: 690px;
padding: 5px 0;

.inner-box {
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: normal;
white-space: nowrap;
@include ellipsis;

.album-title {
width: 100%;
@@ -284,7 +284,6 @@
.reviewed-by {
display: flex;
align-items: center;
white-space: nowrap;
}

.user-flag-percentage {
@@ -309,8 +308,7 @@
&.user a,
&.reviewed-by a {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}
}

@@ -327,8 +325,7 @@
padding: 0.5em 1em 0.5em 0;
}
@include breakpoint("mobile-large") {
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
padding-right: 0.5em;
}
}
@@ -153,9 +153,7 @@

.name,
.slug {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}

.name {
@@ -207,9 +205,7 @@

.username,
.name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@include ellipsis;
}

.username {

0 comments on commit b066a41

Please sign in to comment.
You can’t perform that action at this time.