fix(panel): tweak styles

crimx · May 15, 2018 · 14437ef · 14437ef
1 parent afb92cd
commit 14437ef
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 11 deletions.
diff --git a/src/components/dictionaries/urban/_style.scss b/src/components/dictionaries/urban/_style.scss
@@ -11,10 +11,10 @@
 }
 
 .dictUrban-Example {
-  margin: 0 0 8px 0;
+  margin: 0 0 8px 0.5em;
   padding-left: 5px;
-  color: #444;
-  border-left: 1px solid #333;
+  color: #666;
+  border-left: 1px solid #666;
 }
 
 .dictUrban-Gif {

diff --git a/src/content/components/DictItem/_style.scss b/src/content/components/DictItem/_style.scss
@@ -95,10 +95,6 @@
 }
 
 .panel-DictItem_FoldMask {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  align-items: center;
   position: absolute;
   left: 0;
   bottom: 0;
@@ -135,7 +131,12 @@
 }
 
 .panel-DictItem_FoldMaskArrow {
+  position: absolute;
   z-index: 10;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
   width: 15px;
   height: 15px;
   fill: #000;

diff --git a/src/content/components/MenuBar/_style.scss b/src/content/components/MenuBar/_style.scss
@@ -47,15 +47,15 @@
 }
 
 .panel-MenuBar_DragArea {
-  flex: 1.5;
+  flex-grow: 3;
   align-self: stretch;
   cursor: move;
   user-select: none;
 }
 
 .panel-MenuBar_SearchBox {
-  flex: 1;
-  width: 5em;
+  flex-grow: 1;
+  width: 4em;
   padding: 0 5px;
   border: 0 none;
   outline: 0 none;
@@ -64,7 +64,7 @@
   transition: flex 1s;
 
   &:focus {
-    flex: 7;
+    flex-grow: 7;
   }
 }