jspreadsheet 11.5.6 → 11.6.0

package/dist/jspreadsheet.css

@@ -297,7 +297,7 @@
     background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
     text-overflow: ellipsis;
     overflow-x: hidden;
-    padding-right: 16px;
+    padding-right: 24px;
 }
 
 .jss > tbody > tr > td.jss_dropdown:hover {
@@ -1066,6 +1066,7 @@
 
 .jss_filters_options {
     border: 1px solid #d9d9d9;
+    margin-bottom: 4px;
 }
 
 .jss_filters_options label {
@@ -1103,11 +1104,13 @@
     margin: 5px;
 }
 
-.jss_filters_apply {
-    padding: 6px;
-    margin-top: 6px;
-    width: 100px;
-    float: right;
+.jss_filters_actions {
+    text-align: right;
+}
+
+.jss_filters_actions input {
+    padding: 2px 10px;
+    margin: 2px;
 }
 
 .jss_helper {
@@ -1286,6 +1289,7 @@
     font-family: "Material Icons";
     color: #000;
     position: absolute;
+    top: calc(50% - 9px);
     right: 5px;
     cursor: pointer;
 }
@@ -1583,7 +1587,7 @@
     padding-bottom: 4px;
 }
 
-.jss_style_form_group input[type="text"], .jss_style_form_group input[type="number"], .jss_style_form_group select {
+.jss_style_form_group input[type="text"], .jss_style_form_group input[type="number"], .jss_style_form_group select, .jss_style_form_group textarea {
     width: 100%;
     padding: 5px 8px 5px 8px;
     border: 1px solid #ccc;
@@ -1628,3 +1632,48 @@
 .jss input[disabled] {
     opacity: 0.6;
 }
+
+.jss_actions {
+    float: right;
+    display: block;
+    height: 16px;
+    margin-left: 4px;
+}
+
+div.jss_filters_icon {
+    font-size: 15px;
+    width: 15px;
+    padding: 1px;
+    border-radius: 2px;
+    color: grey;
+    cursor: pointer;
+}
+
+div.jss_filters_icon:hover {
+    color: white;
+    background-color: #d92b04;
+}
+
+div.jss_filters_icon::before {
+    font-family: "Material Icons";
+    content: 'filter_list';
+    font-size: 15px;
+}
+
+div.jss_filters_icon.jss_filters_active {
+    color: white;
+    background-color: #d92b04;
+}
+
+div.jss_filters_icon.jss_filters_active:hover {
+    color: grey;
+    background-color: inherit;
+}
+
+div.jss_filters_icon.jss_filters_active::before {
+    content: 'filter_alt';
+}
+
+.jss_result > td:first-child {
+    color: #d92b04;
+}

package/package.json

@@ -49,5 +49,5 @@
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "11.5.6"
+    "version": "11.6.0"
 }