test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

style: 避免内容被撑开 (#10208)

Browse Source
This commit is contained in:
liaoxuezhi 2024-05-10 17:20:32 +08:00 committed by 2betop
parent 4bf131a9f5
commit 5180d2cbcc
34 changed files with 140 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/amis-ui/scss/components/_alert.scss
View File

@ -38,6 +38,7 @@
&-content {
flex: 1;
min-width: 0;
.#{$ns}Alert-title {
color: var(--alert-base-title-color);

3
packages/amis-ui/scss/components/_calendar.scss
View File

@ -193,6 +193,7 @@
.weekday {
flex: 1;
min-width: 0;
line-height: px2rem(30px);
text-align: center;
}
@ -214,6 +215,8 @@
&-body {
flex: 1;
min-width: 0;
min-height: 0;
overflow-y: scroll;
table {

4
packages/amis-ui/scss/components/_card.scss
View File

@ -237,6 +237,8 @@
&-actions-wrapper {
flex: 1;
min-width: 0;
min-height: 0;
display: flex;
align-items: center;
justify-content: flex-end;
@ -338,6 +340,8 @@
}
&-multiMedia-flex {
flex: 1;
min-width: 0;
min-height: 0;
display: flex;
flex-direction: column;
justify-content: center;

6
packages/amis-ui/scss/components/_cascader.scss
View File

@ -11,6 +11,8 @@
}
.#{$ns}Cascader-tab {
flex: 1;
min-width: 0;
min-height: 0;
width: calc((100vw - 20px) / 3);
height: px2rem(260px);
overflow-y: auto;
@ -77,6 +79,8 @@
}
&--text {
flex: 1;
min-width: 0;
min-height: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@ -89,6 +93,8 @@
&-arrow {
flex: 1;
min-width: 0;
min-height: 0;
text-align: right;
padding-right: px2rem(6px);
> svg {

2
packages/amis-ui/scss/components/_city-area.scss
View File

@ -1,5 +1,7 @@
.#{$ns}CityArea {
flex: 1;
min-width: 0;
min-height: 0;
text-align: right;
&-popup {

2
packages/amis-ui/scss/components/_condition-builder.scss
View File

@ -134,6 +134,8 @@
background: #e8e9eb;
display: block;
flex: 1;
min-width: 0;
min-height: 0;
}
}
}

2
packages/amis-ui/scss/components/_crud.scss
View File

@ -111,6 +111,8 @@
&.is-mobile {
.#{$ns}Crud-toolbar {
flex: 1;
min-width: 0;
min-height: 0;
}
}
}

5
packages/amis-ui/scss/components/_divider.scss
View File

@ -25,7 +25,8 @@
&--horizontal {
position: relative;
height: px2rem(2px);
border-bottom: var(--Divider-width) var(--Divider-style) var(--Divider-color);
border-bottom: var(--Divider-width) var(--Divider-style)
var(--Divider-color);
transform-origin: 0 center;
clear: both;
}
@ -49,6 +50,8 @@
content: '';
height: 0;
flex: 1;
min-width: 0;
min-height: 0;
border-bottom: inherit;
border-bottom-width: var(--Divider-width);
}

14
packages/amis-ui/scss/components/_formula.scss
View File

@ -154,6 +154,8 @@
&-body {
flex: 1;
min-width: 0;
min-height: 0;
display: flex;
flex-flow: column nowrap;
max-height: calc(100% - 30px);
@ -192,6 +194,8 @@
--Form-input-fontSize: var(--fontSizeSm);
--gap-sm: #{px2rem(10px)};
flex: 1;
min-width: 0;
min-height: 0;
max-height: 100%;
}
@ -210,6 +214,8 @@
& > div {
flex: 1;
min-width: 0;
min-height: 0;
font-size: var(--fontSizeSm);
height: var(--gap-xl);
}
@ -278,6 +284,8 @@
overflow-x: hidden;
overflow-y: auto;
flex: 1;
min-width: 0;
min-height: 0;
border-radius: var(--borderRadius);
}
}
@ -366,6 +374,8 @@
& > div {
flex: 1;
min-width: 0;
min-height: 0;
font-size: var(--fontSizeSm);
height: var(--gap-xl);
}
@ -374,6 +384,8 @@
&-body {
@include scrollbar();
flex: 1;
min-width: 0;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
}
@ -455,6 +467,8 @@
overflow-x: hidden;
overflow-y: auto;
flex: 1;
min-width: 0;
min-height: 0;
}
}
}

4
packages/amis-ui/scss/components/_json-schema-editor.scss
View File

@ -132,10 +132,14 @@
}
&-info {
min-width: 0;
min-height: 0;
@include input-input();
@include input-border();
flex: 1;
display: flex;
flex-direction: row;
justify-content: space-between;

6
packages/amis-ui/scss/components/_json-schema.scss
View File

@ -27,6 +27,8 @@
}
& > * {
min-width: 0;
min-height: 0;
flex: 1;
}
@ -52,6 +54,8 @@
}
&-value {
min-width: 0;
min-height: 0;
flex: 1;
margin-left: auto;
display: flex;
@ -62,6 +66,8 @@
}
> div {
min-width: 0;
min-height: 0;
flex: 1;
flex-wrap: nowrap;
}

6
packages/amis-ui/scss/components/_menu.scss
View File

@ -194,6 +194,8 @@
text-overflow: ellipsis;
color: inherit;
font-size: inherit;
min-width: 0;
min-height: 0;
flex: 1;
cursor: inherit;
font-weight: inherit;
@ -290,6 +292,8 @@
position: static;
overflow: hidden;
display: flex;
min-width: 0;
min-height: 0;
flex: 1;
}
.#{$ns}Nav-Menu-item-wrap {
@ -351,6 +355,8 @@
justify-content: space-between;
.#{$ns}Nav-Menu-item-wrap {
min-width: 0;
min-height: 0;
flex: 1;
overflow: hidden;
}

2
packages/amis-ui/scss/components/_modal.scss
View File

@ -252,6 +252,8 @@
display: flex;
> .#{$ns}Button {
min-width: 0;
min-height: 0;
flex: 1;
height: px2rem(44px);

2
packages/amis-ui/scss/components/_panel.scss
View File

@ -235,6 +235,8 @@
padding: 0 var(--Panel-body-paddingLeft);
> .#{$ns}Button {
min-width: 0;
min-height: 0;
flex: 1;
&:first-child {

2
packages/amis-ui/scss/components/_picker-columns.scss
View File

@ -2,6 +2,8 @@
position: relative;
background-color: var(--PickerColumns-bg);
user-select: none;
min-width: 0;
min-height: 0;
flex: 1;
overflow: hidden;
font-size: var(--PickerColumns-option-fontSize);

4
packages/amis-ui/scss/components/_popup.scss
View File

@ -129,9 +129,13 @@
overflow-y: auto;
height: 100%;
display: flex;
min-width: 0;
min-height: 0;
flex: 1;
> div {
min-width: 0;
min-height: 0;
flex: 1;
}
}

6
packages/amis-ui/scss/components/_steps.scss
View File

@ -4,6 +4,8 @@
padding: 0;
.#{$ns}StepsItem {
min-width: 0;
min-height: 0;
flex: 1;
overflow: hidden;
padding: 0 px2rem(8px);
@ -198,6 +200,8 @@
list-style: none;
padding: 0;
.#{$ns}StepsItem {
min-width: 0;
min-height: 0;
flex: 1;
padding: 0;
overflow: visible;
@ -441,6 +445,8 @@
}
&:last-child {
min-width: 0;
min-height: 0;
flex: 1;
.#{$ns}StepsItem-container {

4
packages/amis-ui/scss/components/_tabs.scss
View File

@ -658,6 +658,8 @@
border-bottom: none;
> .#{$ns}Tabs-linksContainer {
min-width: 0;
min-height: 0;
flex: 1;
align-items: stretch;
@ -761,6 +763,8 @@
margin: 0;
border-radius: 0;
padding: 0;
min-width: 0;
min-height: 0;
flex: 1;
border: none;
}

2
packages/amis-ui/scss/components/_timeline.scss
View File

@ -4,6 +4,8 @@
.#{$ns}TimelineItem {
display: flex;
min-width: 0;
min-height: 0;
flex: 1;
flex-direction: row;

2
packages/amis-ui/scss/components/_toast.scss
View File

@ -119,6 +119,8 @@
}
&-content {
min-width: 0;
min-height: 0;
flex: 1;
display: flex;
flex-flow: column nowrap;

2
packages/amis-ui/scss/components/form/_combo.scss
View File

@ -341,6 +341,8 @@
&.is-mobile {
.#{$ns}Form-item {
.#{$ns}Form-rowInner {
min-width: 0;
min-height: 0;
flex: 1;
}
}

6
packages/amis-ui/scss/components/form/_date-range.scss
View File

@ -75,6 +75,8 @@
outline: none;
padding: 0;
background: 0;
min-width: 0;
min-height: 0;
flex: 1;
width: 50%;
line-height: px2rem(30px);
@ -188,6 +190,8 @@
padding: 0;
&.is-mobile {
min-width: 0;
min-height: 0;
flex: 1;
.#{$ns}DateRangePicker-end {
@ -207,6 +211,8 @@
.#{$ns}DateRangePicker-start,
.#{$ns}DateRangePicker-end {
display: flex;
min-width: 0;
min-height: 0;
flex: 1;
.rdtPicker {

2
packages/amis-ui/scss/components/form/_excel.scss
View File

@ -17,6 +17,8 @@
}
&-dropzone {
min-width: 0;
min-height: 0;
flex: 1;
display: flex;
flex-direction: column;

2
packages/amis-ui/scss/components/form/_file.scss
View File

@ -196,6 +196,8 @@
&-progress {
height: 5px;
min-width: 0;
min-height: 0;
flex: 1;
background: #ebebeb;

6
packages/amis-ui/scss/components/form/_form.scss
View File

@ -442,6 +442,8 @@
display: inline-flex;
& > .#{$ns}Form-value {
min-width: 0;
min-height: 0;
flex: 1;
/* 如果size设置了full就占满剩余空间 */
@ -605,6 +607,8 @@
.#{$ns}NumberControl {
.#{$ns}Number {
min-width: 0;
min-height: 0;
flex: 1;
border: none;
@ -720,6 +724,8 @@
}
.#{$ns}Form-item-controlBox {
min-width: 0;
min-height: 0;
flex: 1;
max-width: -moz-available;
max-width: -webkit-fill-available;

6
packages/amis-ui/scss/components/form/_icon-select.scss
View File

@ -41,6 +41,8 @@
}
&-main {
min-width: 0;
min-height: 0;
flex: 1;
overflow: auto;
}
@ -91,6 +93,8 @@
}
&-id {
min-width: 0;
min-height: 0;
flex: 1;
white-space: nowrap;
overflow: hidden;
@ -213,6 +217,8 @@
&-info {
margin-left: var(--IconSelect-base-margin);
overflow: hidden;
min-width: 0;
min-height: 0;
flex: 1;
> p {

4
packages/amis-ui/scss/components/form/_location.scss
View File

@ -89,6 +89,8 @@
height: px2rem(460px);
&-inner {
min-width: 0;
min-height: 0;
flex: 1;
padding: 0 px2rem(16px);
@ -116,6 +118,8 @@
}
&.is-mobile {
min-width: 0;
min-height: 0;
flex: 1;
text-align: right;
overflow: hidden;

2
packages/amis-ui/scss/components/form/_nested-select.scss
View File

@ -87,6 +87,8 @@
background: var(--select-base-default-option-bg-color);
> .#{$ns}NestedSelect-optionLabel {
min-width: 0;
min-height: 0;
flex: 1;
height: px2rem(32px);
overflow: hidden;

2
packages/amis-ui/scss/components/form/_number.scss
View File

@ -552,6 +552,8 @@
border-bottom-right-radius: var(--Number-borderRadius);
}
.#{$ns}Number--enhance-input {
min-width: 0;
min-height: 0;
flex: 1;
border: 0;
border-left: var(--Number-borderWidth) solid var(--Number-borderColor);

2
packages/amis-ui/scss/components/form/_select.scss
View File

@ -454,6 +454,8 @@
}
.#{$ns}Select-option-item-check {
min-width: 0;
min-height: 0;
flex: 1;
text-align: left;
border-bottom: px2rem(1px) solid var(--borderColor);

2
packages/amis-ui/scss/components/form/_selection.scss
View File

@ -148,6 +148,8 @@
flex-direction: column;
.#{$ns}Table-content-virtual {
min-width: 0;
min-height: 0;
flex: 1;
position: relative;
}

2
packages/amis-ui/scss/components/form/_tree.scss
View File

@ -415,6 +415,8 @@
.#{$ns}PopUp {
.#{$ns}Tree {
min-width: 0;
min-height: 0;
flex: 1;
.#{$ns}Tree-itemLabel {

22
packages/amis-ui/scss/components/form/_user-select.scss
View File

@ -26,11 +26,15 @@
&-search {
background: var(--UserSelect--content-bg);
min-width: 0;
min-height: 0;
flex: 1;
}
&-searchResult {
width: 100vw;
min-width: 0;
min-height: 0;
flex: 1;
overflow-x: hidden;
overflow-y: auto;
@ -118,6 +122,8 @@
width: 100vw;
overflow: hidden;
position: relative;
min-width: 0;
min-height: 0;
flex: 1;
background: var(--UserSelect--content-bg);
margin-top: px2rem(16px);
@ -160,6 +166,8 @@
border-bottom: px2rem(1px) solid var(--UserSelect--border-color);
> span {
min-width: 0;
min-height: 0;
flex: 1;
}
}
@ -175,6 +183,8 @@
&-memberName {
font-size: 14px;
min-width: 0;
min-height: 0;
flex: 2 !important;
text-align: left;
user-select: none;
@ -215,6 +225,8 @@
}
.option-fields {
min-width: 0;
min-height: 0;
flex: 1;
line-height: px2rem(18px);
@ -333,6 +345,8 @@
&-selectList {
width: 100%;
min-width: 0;
min-height: 0;
flex: 1;
padding: 0;
overflow-x: scroll;
@ -434,6 +448,8 @@
}
&-searchLoadingBox {
min-width: 0;
min-height: 0;
flex: 1;
width: 100vw;
height: 100%;
@ -456,6 +472,8 @@
border-radius: 4px;
padding: 0 px2rem(16px);
margin: px2rem(16px);
min-width: 0;
min-height: 0;
flex: 1;
overflow-y: auto;
.#{$ns}UserSelect-noRecord {
@ -552,6 +570,8 @@
}
&-tabs {
min-width: 0;
min-height: 0;
flex: 1;
display: flex;
flex-direction: column;
@ -598,6 +618,8 @@
}
&:last-child {
min-width: 0;
min-height: 0;
flex: 1;
> div {

2
packages/amis-ui/scss/layout/_grid.scss
View File

@ -42,6 +42,8 @@
@include media-breakpoint-up(sm) {
.#{$ns}Grid {
min-width: 0;
min-height: 0;
@include make-row;
flex: 1;