PrivateCoffee/wishthis
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve action input responsiveness

Browse source
This commit is contained in:
Jay Trees 2022-03-04 09:13:40 +01:00
parent a3d6b5433d
commit f77442155d
1 changed files with 25 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/assets/css/default.css
View file

@ -245,3 +245,28 @@ p .ui.horizontal.label {
display: none;
}
}
/**
* Action Input
*/
.ui.action.input > .action.input > input {
flex-shrink: 1;
width: 100%;
}
@media (max-width: 400px) {
.ui.action.input {
flex-direction: column;
}
.ui.action.input > input {
border-radius: 0.33333333rem 0.33333333rem 0 0 !important;
border: 1px solid rgba(34,36,38,.15) !important;
}
.ui.action.input > .button:last-child,
.ui.action.input > .buttons:last-child > .button,
.ui.action.input > .dropdown:last-child {
border-radius: 0 0 0.33333333rem 0.33333333rem !important;
}
}