@@ -1133,6 +1133,7 @@ so that we can apply CSS-filters to change the arrow color in themes */
1133
1133
.setting-check input : checked {
1134
1134
background-color : var (--settings-input-color );
1135
1135
border-width : 1px ;
1136
+ /* cross-mark image in the settings checkboxes */
1136
1137
content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">\
1137
1138
<path d= "M7,25L17,32L33,12" fill="none" stroke="black" stroke-width="5"/>\
1138
1139
<path d= "M7,23L17,30L33,10" fill="none" stroke="white" stroke-width="5"/></svg>');
@@ -1627,6 +1628,7 @@ a.tooltip:hover::after {
1627
1628
}
1628
1629
1629
1630
# sidebar-button > a : before {
1631
+ /* sidebar resizer image */
1630
1632
content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" \
1631
1633
fill= "none" stroke="black">\
1632
1634
<rect x= "1" y="1" width="20" height="20" ry="1.5" stroke-width="1.5"/>\
@@ -1860,6 +1862,7 @@ However, it's not needed with smaller screen width because the doc/code block is
1860
1862
/* sidebar button opens modal
1861
1863
use hamburger button */
1862
1864
.src # sidebar-button > a : before , .sidebar-menu-toggle : before {
1865
+ /* hamburger button image */
1863
1866
content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
1864
1867
viewBox= "0 0 22 22" fill="none" stroke="black">\
1865
1868
<path d= "M3,5h16M3,11h16M3,17h16" stroke-width="2.75"/></svg>');
@@ -1873,6 +1876,7 @@ However, it's not needed with smaller screen width because the doc/code block is
1873
1876
1874
1877
/* src sidebar button opens a folder view */
1875
1878
.src # sidebar-button > a : before {
1879
+ /* folder image */
1876
1880
content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
1877
1881
viewBox= "0 0 22 22" fill="none" stroke="black">\
1878
1882
<path d= "M16,9v-4h-6v-1l-2,-2h-4l-2,2v16h13L21,9h-15L2,19" stroke-width="1.25"/>\
0 commit comments