svg changes

eskinderg · eskinderg · commit 258ec810fb32 · 2026-05-17T12:10:22.000+03:00
diff --git a/src/app/components/notes/components/main/left.view/note-list-item/note-list-item.component.html b/src/app/components/notes/components/main/left.view/note-list-item/note-list-item.component.html
@@ -52,8 +52,8 @@
 
         <div class="note-actions" [class.disabled]="!permission" [class.actions-readonly]="note.readonly">
             <app-svg-icon
-                height="20"
-                width="20"
+                height="25"
+                width="25"
                 (mouseup)="onSpellCheckToggle(note)"
                 [class]="note.spell_check ? 'spell-check-active' : 'spell-check'"
                 src="assets/images/spell.svg" />
diff --git a/src/app/components/notes/components/main/left.view/note-list-item/note-list-item.component.scss b/src/app/components/notes/components/main/left.view/note-list-item/note-list-item.component.scss
@@ -102,7 +102,7 @@
 
 .readonly {
     // fill: red;
-    fill: var(--primary);
+    fill: var(--note-pin-fill);
     cursor: pointer;
 }
 
diff --git a/src/app/components/notes/components/main/right.view/note.right.view.component.html b/src/app/components/notes/components/main/right.view/note.right.view.component.html
@@ -42,8 +42,8 @@
                 [class.spell-check-active]="facadeNote.spell_check"
                 (click)="onSpellCheckToggle(facadeNote)">
                 <app-svg-icon
-                    height="25"
-                    width="25"
+                    height="27"
+                    width="27"
                     [class]="facadeNote.spell_check ? 'spell-check-active' : 'spell-check'"
                     src="assets/images/spell.svg" />
             </div>
diff --git a/src/app/components/notes/components/main/right.view/note.right.view.component.scss b/src/app/components/notes/components/main/right.view/note.right.view.component.scss
@@ -42,15 +42,17 @@
 }
 
 .svg-readonly {
-    fill: red !important;
+    // fill: red !important;
 }
 
 .readonly-svg {
-    fill: var(--body-color);
+    // fill: var(--body-color);
+    fill: #c7c7c7;
 }
 
 .readonly-svg:hover {
-    fill: red !important;
+    // fill: red !important;
+    fill: var(--note-pin-fill);
 }
 
 .spell-check {
@@ -123,7 +125,7 @@
 }
 
 .menu-icon:hover {
-    fill: var(--b-active-link-color) !important;
+    fill: var(--note-pin-fill) !important;
 }
 
 .trash-icon {
diff --git a/src/assets/images/lock.svg b/src/assets/images/lock.svg
@@ -1,48 +1,3 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-
-<svg
-   width="800px"
-   height="800px"
-   viewBox="0 0 24 24"
-   version="1.1"
-   id="svg6"
-   sodipodi:docname="lock.svg"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs10" />
-  <sodipodi:namedview
-     id="namedview8"
-     pagecolor="#ffffff"
-     bordercolor="#999999"
-     borderopacity="1"
-     inkscape:showpageshadow="0"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1"
-     showgrid="false"
-     inkscape:zoom="0.031367188"
-     inkscape:cx="-350.68493"
-     inkscape:cy="-3554.67"
-     inkscape:window-width="1920"
-     inkscape:window-height="1049"
-     inkscape:window-x="0"
-     inkscape:window-y="31"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg6" />
-  <path
-     opacity="0.5"
-     d="m 3.8805091,16.029888 c 0,-2.8284 0,-4.2426 0.7134435,-5.123926 0.7134434,-0.881326 1.8617099,-0.885553 4.1582511,-0.894007 l 6.4955923,-0.02391 c 2.296517,-0.00845 3.444776,-0.01268 4.158235,0.863393 0.71346,0.876074 0.71346,2.290274 0.71346,5.118674 0,2.8284 0,4.2426 -0.71346,5.123926 -0.713459,0.881327 -1.861718,0.885553 -4.158235,0.894007 l -6.4955923,0.02391 C 6.4556625,22.020409 5.307396,22.024636 4.5939526,21.148562 3.8805091,20.272488 3.8805091,18.858288 3.8805091,16.029888 Z"
-     fill="#1c274c"
-     id="path2"
-     style="stroke-width:0.901082" />
-  <path
-     d="m 7.7536413,8.4341927 c 0,-2.2867491 1.9011636,-4.1405326 4.2463587,-4.1405326 2.345203,0 4.246359,1.8537835 4.246359,4.1405326 v 1.5801853 c 0.45893,0.0042 0.860191,0.01451 1.213245,0.04022 V 8.4341927 c 0,-2.9401094 -2.444366,-5.323542 -5.459604,-5.323542 -3.0152544,0 -5.459604,2.3834326 -5.459604,5.323542 V 10.0546 c 0.3530625,-0.02571 0.7543474,-0.03604 1.2132453,-0.04022 z"
-     fill="#1c274c"
-     id="path4"
-     style="stroke-width:0.798688" />
+<svg width="800px" height="800px" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 2.6367c-3.2092 0-5.6016 2.9554-5.6016 6.3203v.44016c-1.3995.02782-2.5178 1.1635-2.5178 2.5699v6.8259c0 1.424 1.1464 2.5704 2.5704 2.5704h11.098c1.424 0 2.5703-1.1464 2.5703-2.5704v-6.8259c0-1.4065-1.1184-2.5422-2.5181-2.5699v-.44016c0-3.3649-2.3924-6.3203-5.6016-6.3203zm.000176 1.4181c2.3181 0 4.1843 2.1861 4.1843 4.9016v.44016h-8.3686v-.44016c0-2.7155 1.8662-4.9016 4.1843-4.9016zm0 8.0498a1.4765 1.4765 0 011.4766 1.4766 1.4765 1.4765 0 01-.4435 1.0549l.86379 3.8398h-3.7937l.86379-3.8398a1.4765 1.4765 0 01-.4435-1.0549 1.4765 1.4765 0 011.4766-1.4766z"/>
 </svg>
diff --git a/src/assets/images/spell.svg b/src/assets/images/spell.svg
@@ -1,6 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
-<title>spell-check</title>
-<path d="M14.275 15.8h0.575c0 0 0.001 0 0.001 0 0.441 0 0.799-0.358 0.799-0.799 0-0.124-0.028-0.241-0.078-0.346l0.002 0.005-6.108-13c-0.131-0.274-0.405-0.46-0.723-0.46-0 0-0 0-0 0h-0.632c-0 0-0 0-0 0-0.318 0-0.593 0.186-0.721 0.455l-0.002 0.005-6.11 13c-0.048 0.1-0.076 0.217-0.076 0.341 0 0.441 0.358 0.799 0.799 0.799 0 0 0.001 0 0.001 0h0.576c0.318-0 0.593-0.186 0.723-0.455l0.002-0.005 1.325-2.827h7.584l1.343 2.83c0.132 0.272 0.405 0.457 0.723 0.457h0zM5.62 10.375l2.804-5.94 2.79 5.94zM17.537 15.8h6.369c0.070 0.004 0.151 0.006 0.233 0.006 1.187 0 2.269-0.451 3.084-1.19l-0.004 0.003c0.765-0.72 1.241-1.74 1.241-2.87 0-0.026-0-0.051-0.001-0.077l0 0.004c0-0.013 0-0.028 0-0.044 0-0.97-0.339-1.861-0.905-2.561l0.006 0.008c-0.263-0.328-0.568-0.608-0.911-0.836l-0.015-0.009c0.184-0.18 0.35-0.376 0.495-0.588l0.009-0.013c0.455-0.655 0.727-1.468 0.727-2.343 0-0.014-0-0.028-0-0.042l0 0.002c0-0.014 0-0.032 0-0.049 0-1.119-0.477-2.127-1.24-2.831l-0.003-0.002c-0.813-0.729-1.892-1.174-3.075-1.174-0.083 0-0.165 0.002-0.247 0.006l0.011-0h-5.775c-0.442 0-0.8 0.358-0.8 0.8v13c0 0.442 0.358 0.8 0.8 0.8h0zM25.164 6.746c-0.29 0.357-0.729 0.584-1.221 0.584-0.020 0-0.040-0-0.060-0.001l0.003 0h-5.012v-3.99h4.418c0.059-0.005 0.128-0.008 0.197-0.008 0.619 0 1.186 0.219 1.629 0.584l-0.004-0.003c0.363 0.322 0.59 0.79 0.59 1.31 0 0.016-0 0.032-0.001 0.049l0-0.002c0 0.011 0 0.023 0 0.035 0 0.553-0.205 1.059-0.544 1.445l0.002-0.003zM25.674 10.108c0.386 0.39 0.625 0.926 0.625 1.519 0 0.011-0 0.021-0 0.032l0-0.002c0 0.015 0.001 0.033 0.001 0.051 0 0.539-0.229 1.024-0.595 1.363l-0.001 0.001c-0.431 0.371-0.995 0.597-1.613 0.597-0.072 0-0.142-0.003-0.213-0.009l0.009 0.001h-5.012v-4.195h5.031c0.050-0.004 0.109-0.006 0.168-0.006 0.622 0 1.186 0.247 1.6 0.648l-0.001-0.001zM30.75 16.078c-0.221-0.204-0.518-0.328-0.844-0.328-0.365 0-0.693 0.156-0.921 0.406l-0.001 0.001-10.981 12.002-3.030-3.008c-0.226-0.224-0.537-0.363-0.881-0.363-0.69 0-1.25 0.56-1.25 1.25 0 0.347 0.141 0.66 0.369 0.887l3.954 3.926 0.022 0.015 0.015 0.021c0.074 0.061 0.159 0.114 0.25 0.156l0.007 0.003c0.037 0.026 0.079 0.053 0.123 0.077l0.007 0.003c0.135 0.056 0.292 0.089 0.457 0.089 0.175 0 0.341-0.037 0.491-0.103l-0.008 0.003c0.051-0.030 0.095-0.060 0.136-0.091l-0.003 0.002c0.103-0.051 0.192-0.111 0.271-0.181l-0.001 0.001 0.015-0.023 0.020-0.014 11.859-12.963c0.204-0.221 0.328-0.518 0.328-0.844 0-0.365-0.156-0.693-0.406-0.921l-0.001-0.001z"></path>
+<svg width="800px" height="800px" version="1.1" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+ <title>spell-check</title>
+ <path d="m6 3c-1.1046 0-2 .89543-2 2v20c0 1.1046.89543 2 2 2h6l.28305-2.7076h-5.5755v-18.585h18.585v10.222l2.7076.070781v-11c0-1.1046-.89543-2-2-2h-20zm9 4.7027-5 12h2l1.24-3h5.53l1.23 3h2l-5-12h-2zm.89 2.58h.25l1.86 4.42h-3.93l1.82-4.42zm10.585 8.931-5.0619 5.0619-2.59-2.59-1.9381 1.9381 4.4448 4.4448 7-7-1.8548-1.8548z"/>
 </svg>

Original file line number	Diff line number	Diff line change
`@@ -102,7 +102,7 @@`
`102`	`102`
`103`	`103`	`.readonly {`
`104`	`104`	`// fill: red;`
`105`		`- fill: var(--primary);`
	`105`	`+ fill: var(--note-pin-fill);`
`106`	`106`	`cursor: pointer;`
`107`	`107`	`}`
`108`	`108`
Original file line number	Diff line number	Diff line change
`@@ -42,15 +42,17 @@`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`.svg-readonly {`
`45`		`- fill: red !important;`
	`45`	`+ // fill: red !important;`
`46`	`46`	`}`
`47`	`47`
`48`	`48`	`.readonly-svg {`
`49`		`- fill: var(--body-color);`
	`49`	`+ // fill: var(--body-color);`
	`50`	`+ fill: #c7c7c7;`
`50`	`51`	`}`
`51`	`52`
`52`	`53`	`.readonly-svg:hover {`
`53`		`- fill: red !important;`
	`54`	`+ // fill: red !important;`
	`55`	`+ fill: var(--note-pin-fill);`
`54`	`56`	`}`
`55`	`57`
`56`	`58`	`.spell-check {`
`@@ -123,7 +125,7 @@`
`123`	`125`	`}`
`124`	`126`
`125`	`127`	`.menu-icon:hover {`
`126`		`- fill: var(--b-active-link-color) !important;`
	`128`	`+ fill: var(--note-pin-fill) !important;`
`127`	`129`	`}`
`128`	`130`
`129`	`131`	`.trash-icon {`