term_reference_tree display fix
This commit is contained in:
@@ -1,17 +1,26 @@
|
|||||||
/**
|
/**
|
||||||
* Term reference tree widget: selection tree on the left, sortable track
|
* Term reference tree widget: selection tree on the left, sortable track
|
||||||
* list on the right. Transposed from the retired matminimal theme.
|
* list on the right. Transposed from the retired matminimal theme.
|
||||||
|
*
|
||||||
|
* Flexbox row instead of inline-block columns so the two blocks never wrap
|
||||||
|
* onto separate lines, whatever their content width (the previous
|
||||||
|
* inline-block version wrapped on environments with a narrower form region).
|
||||||
*/
|
*/
|
||||||
.term-reference-tree > ul,
|
.term-reference-tree.term-reference-tree-track-list-shown {
|
||||||
.term-reference-tree aside.term-reference-tree-track-list {
|
display: flex;
|
||||||
display: inline-block;
|
flex-direction: row;
|
||||||
vertical-align: top;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
.term-reference-tree > ul {
|
|
||||||
padding-right: 1em;
|
.term-reference-tree.term-reference-tree-track-list-shown > ul {
|
||||||
|
flex: 1 1 45%;
|
||||||
min-width: 45%;
|
min-width: 45%;
|
||||||
|
padding-right: 1em;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
.term-reference-tree aside.term-reference-tree-track-list {
|
|
||||||
|
.term-reference-tree.term-reference-tree-track-list-shown aside.term-reference-tree-track-list {
|
||||||
|
flex: 1 1 55%;
|
||||||
border-left: 1px solid #aaa;
|
border-left: 1px solid #aaa;
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user