Commit 8af39836 authored by Nicolas Frandeboeuf's avatar Nicolas Frandeboeuf Committed by Nicolas Frandeboeuf
Browse files

Fix operations line height (fix #592)

parent 9fa8bfc1
Pipeline #18259 passed with stage
in 5 minutes and 20 seconds
......@@ -25,7 +25,7 @@ const PressableOperationItem = withLongPress(OperationItem);
// Keep in sync with style.css.
function computeOperationHeight(isSmallScreen) {
return isSmallScreen ? 41 : 54;
return isSmallScreen ? 41 : 55;
}
function filterOperationsThisMonth(operations) {
......
......@@ -564,28 +564,53 @@ header .locale-selector.form-control {
padding-left: 12px;
}
.operation-panel .table td {
vertical-align: middle;
}
.operation-panel .table td > * {
overflow-y: hidden;
}
/*
* WebKit hack: by setting a relative position to the cell, its width will not be
* calculated according to its content, which is wrong if the content is too wide
*/
@media screen and (max-width: 768px) {
/* The height is smaller in xs-mode */
.operation-panel .table td
{
.operation-panel .table td {
position: relative;
height: 41px;
}
/* Force the max height of the children to ensure a fixed height for the
* infinite list
*/
.operation-panel .table td > * {
max-height: 19px;
height: inherit;
}
/* This allows to display the invoice icon correctly in xs-mode*/
.table .input-group-addon {
padding: 0px 12px 0px 0px;
}
}
@media screen and (min-width: 768px) {
.operation-panel .table td
{
.operation-panel .table td {
position: relative;
height: 54px;
}
/* Force the max height of the children to ensure a fixed height for the
* infinite list
*/
.operation-panel .table td > *
{
max-height: 34px;
overflow: hidden;
}
.operation-panel .table td > div
{
position: relative;
......
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