Details
-
Story
-
Resolution: Obsolete
-
High
-
None
-
v2.0-PlatformAdminUIBundle-prototype
Description
Styling improvements for Dashboard tables.
Notice: Styling improvements need new typography improvements (EZP-27999) to be implemented first. Based on this thead font-size should be 14px (or equivalent in rem units) and tbody should be 13px (or equivalent in rem units).
Notice 2: When Edit button is within tables, it should be styled as suggested here across ALL interfaces.
Notice 3: please disregard selector html if typography improvements (EZP-27999) have been implemented.
Suggested changes:
html {
font-size: 0.875rem;
}
.table thead tr th {
border-top: none;
}
.table thead th:first-child {
border-top-left-radius: 4px;
}
.table thead th:last-child {
border-top-right-radius: 4px;
}
.table tbody {
font-size: .95rem;
}
.table tr {
line-height: 30px;
}
.table td {
padding: 0.25rem 0 0.25rem .75rem;
vertical-align: middle;
}
.table td:last-of-type {
padding-right: 22px;
text-align: right;
}
.table .btn {
transition: all ease-in;
padding: .5rem .5rem;
border-radius: 4px;
}
.table .btn .ez-icon {
height: 1.9rem;
width: 1.9rem;
vertical-align: middle;
}
.table .btn:hover {
background-color: #f15a10;
}
.table .btn:hover .ez-icon {
fill: #fff;
}
Attachments
Issue Links
- relates to
-
-
- Closed
-