改进数据库属性面板样式 (#13248)

* 改进数据库属性面板样式

* 改进数据库属性面板样式

* 添加占位符

* 添加占位符

* 改进数据库属性面板样式、添加占位符

* 语法错误

* 改进添加字段按钮 的样式

* 改进 添加字段 按钮的样式

* 改进 添加字段 按钮的样式

* 添加占位符
This commit is contained in:
Jeffrey Chen 2024-11-27 20:51:40 +08:00 committed by GitHub
parent 40b0cd4cba
commit f716e16e37
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 62 additions and 15 deletions

View file

@ -13,6 +13,17 @@
background-color: var(--b3-theme-background);
}
&--readonly {
padding: 7px 8px;
line-height: 26px;
min-height: 26px;
&[data-type="created"],
&[data-type="updated"] {
padding: 4px 8px;
}
}
.av__checkbox {
width: 16px;
height: 26px;
@ -65,6 +76,35 @@
background-color: transparent;
}
}
[placeholder]:empty:before {
color: var(--b3-empty-color);
content: attr(placeholder);
}
}
.block__icons--addcolumn {
padding: 0 8px;
.b3-button[data-type="addColumn"] {
margin: 0 0 0 16px;
color: var(--b3-theme-on-surface);
background-color: rgba(0,0,0,0);
&:hover,
&:focus {
background-color: var(--b3-list-hover);
box-shadow: none;
}
svg {
padding: 4px;
}
span {
padding-right: 4px;
}
}
}
.b3-text-field--text {