fix(modale): correction du layout

Orange-OpenSource · Feb 14, 2024 · fff17bd · fff17bd
1 parent 5f1b38b
commit fff17bd
Show file tree

Hide file tree

Showing 12 changed files with 20 additions and 19 deletions.
diff --git a/dist/extension/css/styles.min.css b/dist/extension/css/styles.min.css
diff --git a/dist/extension/css/styles.min.css.map b/dist/extension/css/styles.min.css.map
diff --git a/dist/serveur/css/styles.min.css b/dist/serveur/css/styles.min.css
diff --git a/dist/serveur/css/styles.min.css.map b/dist/serveur/css/styles.min.css.map
diff --git a/docs/css/styles.min.css b/docs/css/styles.min.css
diff --git a/src/app/pages/settings/categories/layout.component.ts b/src/app/pages/settings/categories/layout.component.ts
@@ -8,7 +8,7 @@ tmplLayout.innerHTML = `
 	</div>
 	<div class="accordion-collapse collapse" id="category-layout">
 		<div class="accordion-body px-3">
-			<div class="c-category__settings-container d-flex flex-column gap-2">
+			<div class="c-category__settings-container gap-2">
 				<app-margin-align class="c-category__setting" data-can-edit="true"></app-margin-align>
 			</div>
 			<button class="c-category__btn-more btn btn-tertiary mt-3" type="button" data-i18n="moreSettings"></button>

diff --git a/src/app/pages/settings/categories/navigation.component.ts b/src/app/pages/settings/categories/navigation.component.ts
@@ -8,7 +8,7 @@ tmplNavigation.innerHTML = `
 	</div>
 	<div class="accordion-collapse collapse" id="category-navigation">
 		<div class="accordion-body px-3">
-			<div class="c-category__settings-container d-flex flex-column gap-2">
+			<div class="c-category__settings-container gap-2">
 				<app-focus-aspect class="c-category__setting" data-can-edit="true"></app-focus-aspect>
 				<app-scroll class="c-category__setting" data-can-edit="true"></app-scroll>
 				<app-link-style class="c-category__setting" data-can-edit="true"></app-link-style>

diff --git a/src/app/pages/settings/categories/pointer.component.ts b/src/app/pages/settings/categories/pointer.component.ts
@@ -8,7 +8,7 @@ tmplPointer.innerHTML = `
 	</div>
 	<div class="accordion-collapse collapse" id="category-pointer">
 		<div class="accordion-body px-3">
-			<div class="c-category__settings-container d-flex flex-column gap-2">
+			<div class="c-category__settings-container gap-2">
 				<app-cursor-aspect class="c-category__setting" data-can-edit="true"></app-cursor-aspect>
 			</div>
 			<button class="c-category__btn-more btn btn-tertiary mt-3" type="button" data-i18n="moreSettings"></button>

diff --git a/src/app/pages/settings/categories/text.component.ts b/src/app/pages/settings/categories/text.component.ts
@@ -8,7 +8,7 @@ tmplText.innerHTML = `
 	</div>
 	<div class="accordion-collapse collapse" id="category-text">
 		<div class="accordion-body px-3">
-			<div class="c-category__settings-container d-flex flex-column gap-2">
+			<div class="c-category__settings-container gap-2">
 				<app-font-family class="c-category__setting" data-can-edit="true"></app-font-family>
 				<app-text-size class="c-category__setting" data-can-edit="true"></app-text-size>
 				<app-color-contrast class="c-category__setting" data-can-edit="true"></app-color-contrast>

diff --git a/src/styles/06-components/btn-modal.scss b/src/styles/06-components/btn-modal.scss
@@ -1,4 +1,8 @@
+app-btn-modal {
+	flex: 1;
+}
+
 .sc-btn-modal {
-	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
-	min-width: 6em;
+	clip-path: polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%);
+	text-align: left;
 }
diff --git a/src/styles/06-components/btn-setting.scss b/src/styles/06-components/btn-setting.scss
@@ -1,17 +1,9 @@
 app-btn-setting {
 	flex: 1;
 	max-width: 12em;
-	height: 100%;
-	min-height: 7.5em;
-}
-
-.sc-btn-setting--with-btn-modal {
-	flex: inherit;
-	width: 10em;
 }
 
 .sc-btn-setting {
-	height: 100%;
 	min-height: 7.5em;
 
 	&:hover > ul > li.border.border-4 {

diff --git a/src/styles/06-components/mode.scss b/src/styles/06-components/mode.scss
@@ -8,3 +8,8 @@
 		height: 100%;
 	}
 }
+
+.c-category__settings-container {
+	display: grid;
+	grid-auto-rows: 7.5em;
+}