Change read-only rows in index to use "edit_off" icon (CFM-189)

COmanage · Aug 30, 2022 · 4b38026 · 4b38026
1 parent bbc42a2
commit 4b38026
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/app/templates/Standard/index.php b/app/templates/Standard/index.php
@@ -566,7 +566,7 @@ function _column_key($modelsName, $c, $tz=null) {
                           $linkClass .= ' row-link-edit';
                         } elseif ($a == 'view') {
                           $linkClass .= ' row-link-view';
-                          $readOnlyIcon = ' <em class="material-icons read-only-icon">lock</em>';
+                          $readOnlyIcon = ' <em class="material-icons-outlined read-only-icon">edit_off</em>';
                         }
                         $args = ['class' => $linkClass];
                         $isFirstLink = false;
@@ -606,7 +606,7 @@ function _column_key($modelsName, $c, $tz=null) {
                             $linkClass .= ' row-link-edit';
                           } elseif ($a == 'view') {
                             $linkClass .= ' row-link-view';
-                            $readOnlyIcon = ' <em class="material-icons read-only-icon">lock</em>';
+                            $readOnlyIcon = ' <em class="material-icons-outlined read-only-icon">edit_off</em>';
                           }
                           $args = ['class' => $linkClass];
                           $isFirstLink = false;

diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
@@ -1080,7 +1080,8 @@ ul.form-list li.field-stack textarea {
   display: inline;
   margin: 0;
 }
-#content .material-icons {
+#content .material-icons,
+#content .material-icons-outlined {
   font-size: 17px;
   margin-top: 1px;
   vertical-align: top;
@@ -1370,6 +1371,7 @@ table.list-mode .read-only-link-container {
 }
 .linked-row .read-only-icon {
   color: var(--cmg-color-gray-003);
+  padding: 0 0.5em;
 }
 .menuitembutton {
   width: 250px;