@@ -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"/>\
@@ -1854,6 +1856,7 @@ However, it's not needed with smaller screen width because the doc/code block is
1854
1856
/* sidebar button opens modal
1855
1857
use hamburger button */
1856
1858
.src # sidebar-button > a : before , .sidebar-menu-toggle : before {
1859
+ /* hamburger button image */
1857
1860
content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
1858
1861
viewBox= "0 0 22 22" fill="none" stroke="black">\
1859
1862
<path d= "M3,5h16M3,11h16M3,17h16" stroke-width="2.75"/></svg>');
@@ -1867,6 +1870,7 @@ However, it's not needed with smaller screen width because the doc/code block is
1867
1870
1868
1871
/* src sidebar button opens a folder view */
1869
1872
.src # sidebar-button > a : before {
1873
+ /* folder image */
1870
1874
content : url ('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" \
1871
1875
viewBox= "0 0 22 22" fill="none" stroke="black">\
1872
1876
<path d= "M16,9v-4h-6v-1l-2,-2h-4l-2,2v16h13L21,9h-15L2,19" stroke-width="1.25"/>\
0 commit comments