Explorar o código

adjustment dropdown items

akinori-u %!s(int64=2) %!d(string=hai) anos
pai
achega
cd5fb7a16e

+ 2 - 4
apps/app/src/components/Sidebar/RecentChanges/RecentChangesSubstance.module.scss

@@ -5,13 +5,11 @@
   transform: translateY(-2px);
 
   .form-check-label::before {
-    padding-left: 5px;
-    content: 'L';
+    content: 'サイズ : L';
   }
 
   .form-check-input:checked + .form-check-label::before {
-    padding-left: 5px;
-    content: 'S';
+    content: 'サイズ : S';
   }
 }
 

+ 4 - 4
apps/app/src/components/Sidebar/RecentChanges/RecentChangesSubstance.tsx

@@ -189,7 +189,7 @@ export const RecentChangesHeader = ({
 
         <DropdownMenu container="body">
           <DropdownItem onClick={changeSizeHandler}>
-            <div className={`${styles['grw-recent-changes-resize-button']} form-check form-switch`}>
+            <div className={`${styles['grw-recent-changes-resize-button']} form-check form-switch mb-0`}>
               <input
                 id="recentChangesResize"
                 className="form-check-input"
@@ -197,12 +197,12 @@ export const RecentChangesHeader = ({
                 checked={isSmall}
                 onChange={() => {}}
               />
-              <label className="form-label form-check-label text-muted" htmlFor="recentChangesResize" />
+              <label className="form-label form-check-label text-muted mb-0" htmlFor="recentChangesResize" />
             </div>
           </DropdownItem>
 
           <DropdownItem onClick={onWipPageShownChange}>
-            <div className="form-check form-switch">
+            <div className="form-check form-switch mb-0">
               <input
                 id="wipPageVisibility"
                 className="form-check-input"
@@ -210,7 +210,7 @@ export const RecentChangesHeader = ({
                 checked={isWipPageShown}
                 onChange={() => {}}
               />
-              <label className="form-label form-check-label text-muted" htmlFor="wipPageVisibility">
+              <label className="form-label form-check-label text-muted mb-0" htmlFor="wipPageVisibility">
                 {t('sidebar_header.show_wip_page')}
               </label>
             </div>