status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

ui: [bugfix] Tag wrapping on detail pages (#6478) 

Makes sure that tags wrap on the detail pages for service and nodes whilst making sure they don't wrap on the listing pages.
This commit is contained in:
Dmitry Shemin 2019-09-17 23:29:04 +07:00 committed by John Cowen
parent fb2ffef849
commit 90d945590a
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui-v2/app/styles/components/dom-recycling-table/layout.scss
View File

@ -11,3 +11,9 @@
/* important required as ember-collection will inline an overflow: visible*/ /* important required as ember-collection will inline an overflow: visible*/
overflow-x: hidden !important; overflow-x: hidden !important;
} }
%dom-recycling-table dd {
flex-wrap: nowrap;
}
%dom-recycling-table dd > * {
margin-bottom: 0;
}

7
ui-v2/app/styles/components/tag-list/layout.scss
View File

@ -8,7 +8,14 @@
%tag-list dd { %tag-list dd {
display: inline-flex; display: inline-flex;
padding-left: 0; padding-left: 0;
flex-wrap: wrap;
justify-content: space-between;
}
%tag-list dd:after {
content: '';
flex: auto;
} }
%tag-list dd > * { %tag-list dd > * {
margin-right: 3px; margin-right: 3px;
margin-bottom: 10px;
} }