rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-30 19:52:20 +01:00
Code Issues Releases Activity

Fix input overflow

Browse Source
This commit is contained in:
vincent 2022-05-04 17:06:15 +02:00
parent c5ef505008
commit fda74cf32f
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/frontend/src/stylesheets/modules/form/form-item.scss
View File

@ -59,10 +59,10 @@
display: grid; display: grid;
grid-template-areas: "icon field addon"; grid-template-areas: "icon field addon";
grid-template-columns: min-content minmax(0, 1fr) min-content; grid-template-columns: min-content minmax(0, 1fr) min-content;
background-color: var(--gray-soft-lightest);
border: 1px solid var(--gray-soft-dark); border: 1px solid var(--gray-soft-dark);
border-radius: var(--border-radius); border-radius: var(--border-radius);
transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s;
overflow: hidden;
.icon, .icon,
.addon { .addon {
@ -76,15 +76,19 @@
.icon { .icon {
grid-area: icon; grid-area: icon;
border-right: 1px solid var(--gray-soft-dark); border-right: 1px solid var(--gray-soft-dark);
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
& > * { & > * {
max-width: 24px; max-width: 24px;
max-height: 24px; max-height: 24px;
} }
} }
.addon { .addon {
grid-area: addon; grid-area: addon;
border-left: 1px solid var(--gray-soft-dark); border-left: 1px solid var(--gray-soft-dark);
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
&.is-btn { &.is-btn {
color: var(--gray-soft-lightest); color: var(--gray-soft-lightest);
background-color: var(--gray-hard-darkest); background-color: var(--gray-hard-darkest);
@ -99,7 +103,6 @@
grid-area: field; grid-area: field;
border: none; border: none;
border-radius: var(--border-radius); border-radius: var(--border-radius);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
padding: 0 0.8rem; padding: 0 0.8rem;
color: var(--gray-hard-darkest); color: var(--gray-hard-darkest);
white-space: nowrap; white-space: nowrap;