fix(ZNTA-2224) tidied the rest of the editor component folder css

zanata · Oct 11, 2017 · 2602c8c · 2602c8c
1 parent 2f1b3f5
commit 2602c8c
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 2 deletions.
diff --git a/server/zanata-frontend/src/frontend/app/editor/components/FilterToggle/index.css b/server/zanata-frontend/src/frontend/app/editor/components/FilterToggle/index.css
@@ -9,6 +9,10 @@
   --Toggle-transition: all .25s cubic-bezier(.075, .820, .165, 1.000);
 }
 
+/* Need to stick to this naming convention (against suitcss) so that it does
+not conflict with the other frontend code
+ */
+
 .Toggle,
 .Toggle-label {
   cursor: pointer;

diff --git a/server/zanata-frontend/src/frontend/app/editor/components/InputGroup/index.css b/server/zanata-frontend/src/frontend/app/editor/components/InputGroup/index.css
@@ -7,6 +7,10 @@
 --InputGroup-transition: 0.2s cubic-bezier(.26, .47, .36, .94);
 }
 
+/* Need to stick to this naming convention (against suitcss) so that it does
+not conflict with the other frontend code
+ */
+
 .InputGroup {
   position: relative;
   display: table;

diff --git a/server/zanata-frontend/src/frontend/app/editor/components/ProgressBar/index.css b/server/zanata-frontend/src/frontend/app/editor/components/ProgressBar/index.css
@@ -39,6 +39,10 @@
   list-style: none;
 }
 
+/* Need to stick to this naming convention (against suitcss) so that it does
+not conflict with the other frontend code
+ */
+
 .Progressbar-approved {
   background-color: var(--Progressbar-highlight);
   z-index: var(--Progressbar-approved-z-index);

diff --git a/server/zanata-frontend/src/frontend/app/editor/components/SplitDropdown/index.css b/server/zanata-frontend/src/frontend/app/editor/components/SplitDropdown/index.css
@@ -12,6 +12,10 @@
   --border-width-Button: var(--ButtonGroup-button-border-width);
 }
 
+/* Need to stick to this naming convention (against suitcss) so that it does
+not conflict with the other frontend code
+ */
+
 .ButtonGroup--hz > .ButtonGroup-item {
   vertical-align: middle;
 }

diff --git a/server/zanata-frontend/src/frontend/app/editor/components/ToggleSwitch/index.css b/server/zanata-frontend/src/frontend/app/editor/components/ToggleSwitch/index.css
@@ -16,6 +16,10 @@
   --Switch-rhythm: 1.5rem;
 }
 
+/* Need to stick to this naming convention (against suitcss) so that it does
+not conflict with the other frontend code
+ */
+
 .Switch {
   padding-left: calc(var(--Switch-rhythm) * 1.5);
   position: relative;

diff --git a/server/zanata-frontend/src/frontend/app/editor/containers/SuggestionDetailsModal/index.css b/server/zanata-frontend/src/frontend/app/editor/containers/SuggestionDetailsModal/index.css
@@ -22,10 +22,8 @@
     --brand-primary:   #546677;
     --brand-info:      #00A5D9;
     --brand-success:   #62c876;
-
     --border-radius-base:       4px;
     --border-radius-small:      3px;
-
     --padding-base-vertical:    8px;
     --padding-small-horizontal: 10px;
     --padding-large-vertical:   14px;