Просмотр исходного кода

prepare rotate style original class
replace fa-rotate-90 to grw-rotate-90

Tatsuya Ise 2 лет назад
Родитель
Сommit
cb2a42cf01
2 измененных файлов с 6 добавлено и 1 удалено
  1. 1 1
      apps/app/src/components/PageRenameModal.tsx
  2. 5 0
      apps/app/src/styles/style-app.scss

+ 1 - 1
apps/app/src/components/PageRenameModal.tsx

@@ -287,7 +287,7 @@ const PageRenameModal = (): JSX.Element => {
 
         <p className="mt-2">
           <button type="button" className="btn btn-link mt-2 p-0" aria-expanded="false" onClick={() => setExpandOtherOptions(!expandOtherOptions)}>
-            <span className={`material-symbols-outlined me-1 ${expandOtherOptions ? 'fa-rotate-90' : ''}`}>navigate_next</span>
+            <span className={`material-symbols-outlined me-1 ${expandOtherOptions ? 'grw-rotate-90' : ''}`}>navigate_next</span>
             { t('modal_rename.label.Other options') }
           </button>
         </p>

+ 5 - 0
apps/app/src/styles/style-app.scss

@@ -114,3 +114,8 @@
   }
 
 }
+
+.grw-rotate-90 {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
+}