浏览代码

fix: Inconsistent grouped inputs border-radius

Owen Diffey 3 年之前
父节点
当前提交
822a9b54b3
共有 2 个文件被更改,包括 29 次插入24 次删除
  1. 28 0
      frontend/src/App.vue
  2. 1 24
      frontend/src/components/AdvancedTable.vue

+ 28 - 0
frontend/src/App.vue

@@ -1474,6 +1474,34 @@ button.delete:focus {
 
 	&.is-grouped {
 		display: flex;
+
+		& > .control {
+			&.select.is-expanded > select {
+				width: 100%;
+			}
+			& > input,
+			& > select,
+			& > .button,
+			&.label {
+				border-radius: 0;
+			}
+			&:first-child {
+				& > input,
+				& > select,
+				& > .button,
+				&.label {
+					border-radius: @border-radius 0 0 @border-radius;
+				}
+			}
+			&:last-child {
+				& > input,
+				& > select,
+				& > .button,
+				&.label {
+					border-radius: 0 @border-radius @border-radius 0;
+				}
+			}
+		}
 	}
 
 	&.is-expanded {

+ 1 - 24
frontend/src/components/AdvancedTable.vue

@@ -2321,32 +2321,9 @@ export default {
 			padding-left: 8px;
 			padding-right: 8px;
 		}
-		&.select.is-expanded > select {
-			width: 100%;
-		}
-		& > input,
-		:deep(& > div > input),
-		& > select,
-		& > .button,
-		&.label {
+		:deep(& > div > input) {
 			border-radius: 0;
 		}
-		&:first-child {
-			& > input,
-			& > select,
-			& > .button,
-			&.label {
-				border-radius: @border-radius 0 0 @border-radius;
-			}
-		}
-		&:last-child {
-			& > input,
-			& > select,
-			& > .button,
-			&.label {
-				border-radius: 0 @border-radius @border-radius 0;
-			}
-		}
 		& > .button {
 			font-size: 22px;
 		}