瀏覽代碼

better search filters UI

bach 3 年之前
父節點
當前提交
6e786bb13c

文件差異過大導致無法顯示
+ 40 - 2
web/themes/custom/materiotheme/assets/dist/main.css


文件差異過大導致無法顯示
+ 0 - 1
web/themes/custom/materiotheme/assets/dist/main.js


+ 12 - 0
web/themes/custom/materiotheme/assets/styles/main.scss

@@ -575,12 +575,18 @@ header[role="banner"]{
     padding:0;
 
     #materio-sapi-search-form{
+			display: grid;
+			grid-template-columns: auto auto;
+			grid-template-rows: auto auto;
+			row-gap: 0.2em;
       .form-item, input.button{
         display: inline-block;
 				margin: 0;
       }
 
       #edit-search{
+				grid-row: 1 / 1;
+				grid-column: 1 / 1;
         border:1px #BBB solid;
         border-radius: 14px;
         padding:0.3em;
@@ -588,6 +594,8 @@ header[role="banner"]{
       }
 
 			#edit-filters{
+				grid-row: 2 / 2;
+				grid-column: 1 / span 2;
 				.ss-main{
 					font-size: 0.756em;
 					.ss-single-selected{
@@ -611,6 +619,10 @@ header[role="banner"]{
 			}
 
       .button.form-submit{
+				grid-row: 1 / 1;
+				grid-column: 2 / 2;
+				justify-self: end;
+				align-self: center;
         border:0;
         text-indent: 50px;
         overflow: hidden;

部分文件因文件數量過多而無法顯示