Update pages.html

pages.html

@@ -881,12 +881,19 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 <script>
 
   // Добавляем кнопку линейки в верхнюю панель инструментов
-  editor.Panels.addButton('options', {
-    id: 'toggle-rulers',
-    className: 'fa fa-ruler', // Иконка линейки
-    command: 'ruler-visibility', // Команда для переключения видимости линеек
-    attributes: { title: 'Toggle Rulers' }
-  });
+const pn = editor.Panels;
+const panelViews = pn.addPanel({
+  id: 'options'
+});
+panelViews.get('buttons').add([{
+  attributes: {
+    title: 'Toggle Rulers'
+  },
+  context: 'toggle-rulers', //prevents rulers from being toggled when another views-panel button is clicked 
+  label: `<svg width="18" viewBox="0 0 16 16"><path d="M0 8a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5A.5.5 0 0 1 0 8z"/><path d="M4 3h8a1 1 0 0 1 1 1v2.5h1V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v2.5h1V4a1 1 0 0 1 1-1zM3 9.5H2V12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V9.5h-1V12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.5z"/></svg>`,
+  command: 'ruler-visibility',
+  id: 'ruler-visibility'
+}]);
 
 </script>