CHROME: Fixed style

minjk-bl · minjk-bl · commit 2a92ede6e506 · 2022-08-11T02:59:31.000+09:00
diff --git a/css/component/fileNavigation.css b/css/component/fileNavigation.css
@@ -10,6 +10,10 @@
     z-index: 300;
     background-color: rgba(0,0,0,.4);
 }
+/* CHROME: set default box-sizing for file navigation area */
+#vp_fileNavigation * {
+    box-sizing: border-box !important;
+}
 .fileNavigationPage-container {
     position: relative;
     left: 50%;
diff --git a/css/component/popupComponent.css b/css/component/popupComponent.css
@@ -26,6 +26,10 @@
     font-size: 14px;
     color: var(--font-primary);
 }
+/* CHROME: set default box-sizing for popup area */
+.vp-popup-frame * {
+    box-sizing: border-box !important;
+}
 .vp-popup-frame.vp-close {
     width: 200px !important;
     min-width: 200px !important;
diff --git a/css/mainFrame.css b/css/mainFrame.css
@@ -25,6 +25,10 @@
     background: white;
     z-index: 100;
 }
+/* CHROME: set default box-sizing for vp area */
+div#vp_wrapper * {
+    box-sizing: border-box !important;
+}
 
 /* resizing handle */
 #vp_wrapper > .ui-resizable-handle {
diff --git a/css/menuFrame.css b/css/menuFrame.css
@@ -67,7 +67,7 @@
     width: 100%;
     background: white;
 }
-.vp-menu-search-box {
+input.vp-menu-search-box {
     width: calc(100% - 45px);
     height: 30px;
     background: #FFFFFF;
@@ -84,6 +84,7 @@
     height: 20px;
     position: relative;
     right: 30px;
+    top: 6px;
 }
 .vp-board-toggle-icon {
     width: 26px;
diff --git a/css/root.css b/css/root.css
@@ -70,7 +70,7 @@ body {
     height: 10px;
 }
 /* common component style */
-.vp-input {
+input.vp-input {
     font-size: 14px;
     line-height: 16px;
     height: 30px;
@@ -81,7 +81,7 @@ body {
     border: 0.25px solid var(--border-gray-color);
     box-sizing: border-box;
 }
-.vp-input::placeholder {
+input.vp-input::placeholder {
 	color: var(--gray-color);
 }
 
@@ -103,7 +103,7 @@ body {
 .vp-file-browser-button.disabled {
     content: url(../img/folder_open_disabled.svg);
 }
-.vp-select {
+select.vp-select {
 	height: 30px;
 	font-style: normal;
 	font-weight: normal;
@@ -124,12 +124,12 @@ body {
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.vp-select::-ms-expand {
+select.vp-select::-ms-expand {
     display: none;
 }
 
 /* Select Option Design */
-.vp-select * {
+select.vp-select * {
     background-color: white;
     color: #696969;
 }
@@ -153,7 +153,8 @@ body {
 }
 
 /* Buttons */
-.vp-button {
+input.vp-button,
+button.vp-button {
     width: 80px;
     height: 30px;
     background: #FFFFFF;
