fix: react-tags styles

ngduc · Nov 21, 2018 · fe3feac · fe3feac
1 parent bfc4bdc
commit fe3feac
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 20 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,4 @@
-## [0.7.7] - 2018-11-19
+## [0.7.8] - 2018-11-20
 
 ### Added
 - MultiValueFormatter

diff --git a/lib/styles.css b/lib/styles.css
@@ -1,20 +1,29 @@
-.react-tags__selected-tag:after {
-  display: none;
-}
-
 .multi-value-formatter-content span {
   padding: 2px 4px;
   border-radius: 2px;
   border: 1px solid lightgrey;
   margin-right: 4px;
 }
 
+/* --------- customized react-tags styles */
+.react-tags {
+  padding: 0px 0 0 6px !important;
+  border: none !important;
+}
+.react-tags__selected-tag:after {
+  /* TODO: for now, don't show the delete icon "X" for react-tags */
+  display: none !important;
+}
+.react-tags__selected-tag {
+  padding: 2px 4px !important;
+}
+
+/* --------- default react-tags styles */
 .react-tags__search input {
   width: 100% !important;
 }
 
-
- .react-tags {
+.react-tags {
   position: relative;
   padding: 6px 0 0 6px;
   border: 1px solid #D1D1D1;

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-tabulator",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "React Tabulator component",
   "main": "lib/index.js",
   "module": "es/index.js",

diff --git a/screenshot.png b/screenshot.png
diff --git a/src/styles.css b/src/styles.css
@@ -1,20 +1,29 @@
-.react-tags__selected-tag:after {
-  display: none;
-}
-
 .multi-value-formatter-content span {
   padding: 2px 4px;
   border-radius: 2px;
   border: 1px solid lightgrey;
   margin-right: 4px;
 }
 
+/* --------- customized react-tags styles */
+.react-tags {
+  padding: 0px 0 0 6px !important;
+  border: none !important;
+}
+.react-tags__selected-tag:after {
+  /* TODO: for now, don't show the delete icon "X" for react-tags */
+  display: none !important;
+}
+.react-tags__selected-tag {
+  padding: 2px 4px !important;
+}
+
+/* --------- default react-tags styles */
 .react-tags__search input {
   width: 100% !important;
 }
 
-
- .react-tags {
+.react-tags {
   position: relative;
   padding: 6px 0 0 6px;
   border: 1px solid #D1D1D1;

diff --git a/styles.css b/styles.css
@@ -1,20 +1,29 @@
-.react-tags__selected-tag:after {
-  display: none;
-}
-
 .multi-value-formatter-content span {
   padding: 2px 4px;
   border-radius: 2px;
   border: 1px solid lightgrey;
   margin-right: 4px;
 }
 
+/* --------- customized react-tags styles */
+.react-tags {
+  padding: 0px 0 0 6px !important;
+  border: none !important;
+}
+.react-tags__selected-tag:after {
+  /* TODO: for now, don't show the delete icon "X" for react-tags */
+  display: none !important;
+}
+.react-tags__selected-tag {
+  padding: 2px 4px !important;
+}
+
+/* --------- default react-tags styles */
 .react-tags__search input {
   width: 100% !important;
 }
 
-
- .react-tags {
+.react-tags {
   position: relative;
   padding: 6px 0 0 6px;
   border: 1px solid #D1D1D1;