mirror of
https://github.com/rickbarrette/redmine_qbo_lineitems.git
synced 2026-04-02 07:01:59 -04:00
tweaked layout, added JS for live totals
This commit is contained in:
58
assets/stylesheets/line_items.css
Normal file
58
assets/stylesheets/line_items.css
Normal file
@@ -0,0 +1,58 @@
|
||||
.line-items-table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.line-items-table input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.qty-field {
|
||||
max-width: 90px;
|
||||
}
|
||||
|
||||
.price-field {
|
||||
max-width: 120px;
|
||||
}
|
||||
|
||||
/* MOBILE MODE */
|
||||
@media screen and (max-width: 700px) {
|
||||
|
||||
.line-items-table thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.line-items-table,
|
||||
.line-items-table tbody,
|
||||
.line-items-table tr,
|
||||
.line-items-table td {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.line-items-table tr {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.line-items-table td {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.line-items-table td::before {
|
||||
content: attr(data-label);
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.line-items-table td.actions {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user