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
-
EZP-27999 Typography improvements
- Closed