now uses css grid

2022-08-23 12:22:00 +02:00
parent 6aea221f30
commit f1c3e68fca
1 changed files with 6 additions and 9 deletions
--- a/src/Umbraco.Web.UI.Client/src/backoffice/components/icon-selector.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/components/icon-selector.element.ts
@@ -77,20 +77,17 @@ class UmbIconSelector extends UmbModalLayoutElement<UmbModalContentPickerData> {

 			#icon-selection {
 				line-height: 0;
-				position: relative;
-				max-height: 80%;
-				font-size: 20px;
-				display: flex;
-				flex-wrap: wrap;
-				justify-content: space-between;
+				display: grid;
+				grid-template-columns: repeat(auto-fit, minmax(40px, auto));
 			}

 			#icon-selection .icon {
-				margin: 1px;
 				display: inline-block;
-				border: 1px solid transparent;
 				border-radius: 2px;
-				padding: 10px;
+				width: 100%;
+				height: 100%;
+				padding: 8px;
+				box-sizing: border-box;
 			}

 			#icon-selection .icon-container {