UI: Add specific icons to expand and collapse

Instead of reusing the same thinline arrow, use a smaller, filled
arrow for expanding and collapsing.
master
Georges Basile Stavracas Neto 2022-07-31 21:17:49 -03:00
parent cfb36a338b
commit 249459afc9
10 changed files with 28 additions and 10 deletions

View File

@ -897,12 +897,12 @@ SourceTreeSubItemCheckBox::indicator {
SourceTreeSubItemCheckBox::indicator:checked,
SourceTreeSubItemCheckBox::indicator:checked:hover {
image: url(./Dark/right.svg);
image: url(./Dark/expand.svg);
}
SourceTreeSubItemCheckBox::indicator:unchecked,
SourceTreeSubItemCheckBox::indicator:unchecked:hover {
image: url(./Dark/down.svg);
image: url(./Dark/collapse.svg);
}

View File

@ -682,11 +682,11 @@ SourceTreeSubItemCheckBox::indicator {
}
SourceTreeSubItemCheckBox::indicator:checked {
image: url(./Dark/right.svg);
image: url(./Dark/expand.svg);
}
SourceTreeSubItemCheckBox::indicator:unchecked {
image: url(./Dark/down.svg);
image: url(./Dark/collapse.svg);
}

View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
<path d="m 13.996094 5 l -5.996094 6 l -6.003906 -6 z m 0 0" fill="#fefefe"/>
</svg>

After

Width:  |  Height:  |  Size: 216 B

View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
<path d="m 4.996094 14 l 6.003906 -6 l -6.003906 -6 z m 0 0" fill="#fefefe"/>
</svg>

After

Width:  |  Height:  |  Size: 216 B

View File

@ -823,12 +823,12 @@ SourceTreeSubItemCheckBox::indicator {
SourceTreeSubItemCheckBox::indicator:checked,
SourceTreeSubItemCheckBox::indicator:checked:hover {
image: url(./Dark/right.svg);
image: url(./Dark/expand.svg);
}
SourceTreeSubItemCheckBox::indicator:unchecked,
SourceTreeSubItemCheckBox::indicator:unchecked:hover {
image: url(./Dark/down.svg);
image: url(./Dark/collapse.svg);
}
/*************************/

View File

@ -77,11 +77,11 @@ SourceTreeSubItemCheckBox::indicator {
}
SourceTreeSubItemCheckBox::indicator:checked {
image: url(:/res/images/right.svg);
image: url(:/res/images/expand.svg);
}
SourceTreeSubItemCheckBox::indicator:unchecked {
image: url(:/res/images/down.svg);
image: url(:/res/images/collapse.svg);
}
OBSHotkeyLabel[hotkeyPairHover=true] {

View File

@ -1231,12 +1231,12 @@ SourceTreeSubItemCheckBox::indicator {
SourceTreeSubItemCheckBox::indicator:checked,
SourceTreeSubItemCheckBox::indicator:checked:hover {
image: url(./Dark/right.svg);
image: url(./Dark/expand.svg);
}
SourceTreeSubItemCheckBox::indicator:unchecked,
SourceTreeSubItemCheckBox::indicator:unchecked:hover {
image: url(./Dark/down.svg);
image: url(./Dark/collapse.svg);
}
/* Source Icons */

View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
<path d="m 13.996094 5 l -5.996094 6 l -6.003906 -6 z m 0 0" fill="#000000"/>
</svg>

After

Width:  |  Height:  |  Size: 216 B

View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
<path d="m 4.996094 14 l 6.003906 -6 l -6.003906 -6 z m 0 0" fill="#000000"/>
</svg>

After

Width:  |  Height:  |  Size: 216 B

View File

@ -62,6 +62,8 @@
<file>images/dots.svg</file>
<file>images/dots-vert.svg</file>
<file>images/cogs.svg</file>
<file>images/expand.svg</file>
<file>images/collapse.svg</file>
</qresource>
<qresource prefix="/settings">
<file>images/settings/output.svg</file>