style(hide-columns): fix line-breaking of table pills

This commit is contained in:
Sarah Vaupel 2019-11-29 16:51:33 +01:00 committed by Gregor Kleen
parent 9d8ca38f2e
commit c2eb9fbc17

View File

@ -35,15 +35,18 @@
[table-utils] { [table-utils] {
max-width: 85vw; max-width: 85vw;
margin-bottom: 20px; margin-bottom: 10px;
min-height: 0; min-height: 0;
line-height: 1.4;
.table-pill { .table-pill {
background-color: var(--color-dark); background-color: var(--color-dark);
float: left;
color: #fff; color: #fff;
padding: 10px; padding: 10px;
border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%; border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%;
margin-right: 20px; margin-right: 20px;
margin-bottom: 10px;
cursor: pointer; cursor: pointer;
.table-hider__label { .table-hider__label {
@ -52,6 +55,12 @@
margin-left: 5px; margin-left: 5px;
} }
} }
&:after {
content: "";
display: block;
clear: both;
}
} }
.hide-columns--hidden-cell { .hide-columns--hidden-cell {