Commit 7025a9fc authored by Nicolas Frandeboeuf's avatar Nicolas Frandeboeuf Committed by Nicolas Frandeboeuf
Browse files

Fix clearable-input overflow in search (fix #837)

parent 354e2701
.clearable-input > input {
width: auto;
}
/* Alerts */
table.alerts-and-reports tfoot {
display: table-header-group;
......@@ -15,7 +11,6 @@ table.alerts-and-reports td.condition {
table.alerts-and-reports td.amount {
width: 40%;
text-align: right;
}
table.alerts-and-reports td.frequency {
......@@ -27,15 +22,22 @@ table.alerts-and-reports td.actions {
width: 8%;
}
table.alerts-and-reports .input-group-money {
max-width: 180px;
vertical-align: inherit;
margin-left: 1em;
}
@media screen and (max-width: 768px) {
table.alerts-and-reports .input-group-money > input {
width: 50px;
}
}
@media screen and (min-width: 992px) {
table.alerts-and-reports td.frequency select {
width: 270px;
}
.input-group-money {
width: 180px;
margin-left: 1em;
}
}
table.alerts-and-reports td.condition span {
......
.input-with-addon {
display: inline-flex;
border: none;
/* Will prevent inner inputs to take too much width in flexbox layouts */
overflow: auto;
}
.input-with-addon.block {
......@@ -26,10 +29,6 @@
flex: auto;
background-color: white;
overflow: hidden;
/* By setting a width of 50px the item will still take as much width as possible due to the
flexbox but won't take too much space from intrinsic width. */
width: 50px;
}
.input-with-addon > .btn {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment