tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Rows instead of columns distribution for capabilities list in user role list.

This commit is contained in:
Mateus Machado Luna 2019-12-17 10:36:51 -03:00
parent bf7447ce0a
commit 461369c6c6
1 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/admin/roles/role-edition-form.vue
View File

@ -449,12 +449,16 @@
color: #e69810; color: #e69810;
} }
.capabilities-list { .capabilities-list {
padding: 1rem; padding: 1rem 0;
break-inside: avoid; display: flex;
column-count: 5; flex-wrap: wrap;
justify-content: space-between;
.capability-group { .capability-group {
padding: 1rem 1rem 1rem 0rem;
margin-right: auto;
break-inside: avoid; break-inside: avoid;
h3 { h3 {
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -467,21 +471,13 @@
li { li {
margin: 0 0.5rem 0.5rem; margin: 0 0.5rem 0.5rem;
display: inline-block; display: inline-block;
white-space: nowrap;
.column-name {
white-space: nowrap;
}
} }
} }
} }
@media only screen and (max-width: 1600px) {
column-count: 4;
}
@media only screen and (max-width: 1400px) {
column-count: 3;
}
@media only screen and (max-width: 962px) {
column-count: 2;
}
@media only screen and (max-width: 568px) {
column-count: 1;
}
} }
@media only screen and (max-width: 783px) { @media only screen and (max-width: 783px) {
#collection-select { #collection-select {