mirror of
https://github.com/lxsang/antos-frontend.git
synced 2025-07-13 05:04:22 +02:00
fix: use row/column as common directives for all UI horizontal/vertical direction
This commit is contained in:
@ -1,13 +1,16 @@
|
||||
afx-resizer.vertical {
|
||||
afx-resizer[dir='column'] {
|
||||
background-color: transparent;
|
||||
border-top: 1px solid var(--border-primary);
|
||||
cursor: row-resize;
|
||||
}
|
||||
afx-resizer.horizontal {
|
||||
afx-resizer[dir='row'] {
|
||||
background-color: transparent;
|
||||
border-left: 1px solid var(--border-primary);
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
afx-resizer.horizontal:hover, afx-resizer.vertical:hover
|
||||
afx-resizer[dir='row']:hover,
|
||||
afx-resizer[dir='column']:hover
|
||||
{
|
||||
background-color: var(--item-bg-active);
|
||||
}
|
@ -1,12 +1,12 @@
|
||||
|
||||
afx-tab-bar[dir="horizontal"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
afx-tab-bar[dir="row"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
{
|
||||
background-color: var(--background-tertiary);
|
||||
color:var(--text-primary);
|
||||
border-bottom:2px solid var(--border-tertiary); /* #262626;*/
|
||||
}
|
||||
|
||||
afx-tab-bar[dir="vertical"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
afx-tab-bar[dir="column"] afx-list-view > div.list-container > ul > afx-list-item > li.selected
|
||||
{
|
||||
background-color: var(--background-tertiary);
|
||||
color:var(--text-primary);
|
||||
|
@ -35,7 +35,7 @@ afx-list-view > div.list-container > ul li{
|
||||
afx-list-view > div.list-container > ul afx-dbline-list-item li{
|
||||
min-height: 40px;
|
||||
}
|
||||
.afx-list-view[dir='horizontal'] > div.list-container > ul
|
||||
.afx-list-view[dir='row'] > div.list-container > ul
|
||||
{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
@ -16,12 +16,12 @@ afx-tab-bar afx-list-view > div.list-container > ul li
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
afx-tab-bar[dir="vertical"] afx-list-view > div.list-container
|
||||
afx-tab-bar[dir="column"] afx-list-view > div.list-container
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
afx-tab-bar[dir="horizontal"] afx-list-view > div.list-container
|
||||
afx-tab-bar[dir="row"] afx-list-view > div.list-container
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
Reference in New Issue
Block a user