Changed N.grid's filter style.

bbalganjjm · Oct 8, 2018 · 655276c · 655276c
1 parent d4d6eaf
commit 655276c
Showing 1 changed file with 27 additions and 1 deletion.
diff --git a/css/natural.ui.css b/css/natural.ui.css
@@ -496,6 +496,8 @@ a.btn_mouseout__, input[type='button'].btn_mouseout__, button.btn_mouseout__ {
 	float: left;
 	height: 16px;
 	width: 16px;
+	margin-right: -16px;
+	transition: margin-right 0.3s ease;
 }
 
 .grid__>thead .btn_data_filter__ span {
@@ -504,6 +506,18 @@ a.btn_mouseout__, input[type='button'].btn_mouseout__, button.btn_mouseout__ {
 	overflow: hidden;
 	height: 16px;
 	width: 16px;
+	opacity: 0.3;
+	transition: opacity 0.3s ease;
+}
+
+.grid__>thead .btn_data_filter__:hover {
+	margin-right: 0px;
+	transition: margin-right 0.3s ease;
+}
+
+.grid__>thead .btn_data_filter__:hover span {
+	opacity: 1;
+	transition: opacity 0.3s ease;
 }
 
 .grid__>thead .btn_data_filter__.btn_data_filter_empty__ span {
@@ -615,8 +629,16 @@ a.btn_mouseout__, input[type='button'].btn_mouseout__, button.btn_mouseout__ {
 	margin: 0 2px 0 1px;
 }
 
+.thead_wrap__ {
+	position: relative;
+}
+
 .thead_wrap__>table, .tbody_wrap__>table, .tfoot_wrap__>table {
-	min-width: 100%;
+	min-width: 100%;
+}
+
+.tbody_wrap__>table, .tfoot_wrap__>table {
+	border-top: none;
 }
 
 .thead_wrap__ thead th .asc__ {
@@ -645,6 +667,10 @@ a.btn_mouseout__, input[type='button'].btn_mouseout__, button.btn_mouseout__ {
 	/* -webkit-overflow-scrolling: touch; */
 }
 
+.grid__ > thead > tr > th.grid_head_fixed__ {
+	border-top-width: 2px;
+}
+
 /* Details popup */
 .grid__ .grid_more_colgroup_col__,
 .grid__ .grid_more_thead_col__ {