iter(g257): 分页条窄屏自动换行
This commit is contained in:
@@ -257,14 +257,19 @@ body.ua-col-resizing {
|
|||||||
}
|
}
|
||||||
.ua-pager {
|
.ua-pager {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: var(--ua-space-3);
|
flex-wrap: wrap; /* 窄屏(页码 + 四个控件)自动换行,宁可两行也不横向溢出 */
|
||||||
|
gap: var(--ua-space-2) var(--ua-space-3); /* 换行后行距紧一档:两行控件不显得散架 */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: var(--ua-space-3);
|
margin-top: var(--ua-space-3);
|
||||||
}
|
}
|
||||||
.ua-page-info {
|
.ua-page-info {
|
||||||
|
margin-right: auto; /* 页码信息占住中段左缘:换行后控件仍成组靠右 */
|
||||||
color: var(--ua-color-text-muted);
|
color: var(--ua-color-text-muted);
|
||||||
font-size: var(--ua-font-size-sm);
|
font-size: var(--ua-font-size-sm);
|
||||||
}
|
}
|
||||||
|
.ua-pager .ua-select {
|
||||||
|
margin-left: auto; /* 只有页码信息时右侧留白由它接管;换行到第二行也不会贴边 */
|
||||||
|
}
|
||||||
|
|
||||||
/* —— 复选框 / 单选 —— */
|
/* —— 复选框 / 单选 —— */
|
||||||
.ua-check-row {
|
.ua-check-row {
|
||||||
|
|||||||
Reference in New Issue
Block a user