fix: use row/column as common directives for all UI horizontal/vertical direction

This commit is contained in:
DanyLE
2023-07-14 11:02:33 +02:00
committed by Dany LE
parent 3d09a20512
commit 3e201bfbba
15 changed files with 50 additions and 49 deletions

View File

@ -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);
}

View File

@ -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);

View File

@ -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;

View File

@ -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;
}