Increase breakpoint for dashboard truncation
Some projects have many, many labels. This change raises the breakpoint
width for the media query that truncates some dashboard fields early to
include 1920px-wide screens (14px font * 150em = 2100px). It also allows
those wider screens to have wider branch, assignee, and owner columns
than the previous breakpoint allowed.
Bug: Issue 9106
Change-Id: I7501e889b16ff44d897c2dd017a0e8b9b67a4943
diff --git a/polygerrit-ui/app/styles/gr-change-list-styles.html b/polygerrit-ui/app/styles/gr-change-list-styles.html
index e485a52..6d7469b 100644
--- a/polygerrit-ui/app/styles/gr-change-list-styles.html
+++ b/polygerrit-ui/app/styles/gr-change-list-styles.html
@@ -139,37 +139,26 @@
.truncatedProject {
display: none;
}
+ @media only screen and (max-width: 150em) {
+ .assignee,
+ .branch,
+ .owner {
+ overflow: hidden;
+ max-width: 18rem;
+ text-overflow: ellipsis;
+ }
+ .truncatedProject {
+ display: inline-block;
+ }
+ .fullProject {
+ display: none;
+ }
+ }
@media only screen and (max-width: 100em) {
.assignee,
.branch,
.owner {
- overflow: hidden;
max-width: 10rem;
- text-overflow: ellipsis;
- }
- .truncatedProject {
- display: inline-block;
- }
- .fullProject {
- display: none;
- }
- }
- .truncatedProject {
- display: none;
- }
- @media only screen and (max-width: 90em) {
- .assignee,
- .branch,
- .owner {
- overflow: hidden;
- max-width: 10rem;
- text-overflow: ellipsis;
- }
- .truncatedProject {
- display: inline-block;
- }
- .fullProject {
- display: none;
}
}
@media only screen and (max-width: 50em) {
