Difference between revisions of "Design tricks and hacks"
Jump to navigation
Jump to search
old>Admin m (Admin moved page Overflow solutions to Design tricks and hacks without leaving a redirect) |
m (3 revisions imported) |
(No difference)
| |
Latest revision as of 11:51, 10 December 2021
many pages / long page name
The following code will shorten page selectors, unless they are hovered or active
.tablePageSelector td a {
max-width: 80px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 80%;
}
.tablePageSelector .tablePageSelectorElementActive a,
.tablePageSelector td a:hover {
max-width: none;
}
.tablePageSelectorElementLeft, .tablePageSelectorElementRight { width: 2px; }
When a user is running in the context of a simple user certain buttons will be hidden, and on displayed in the expanded menu ("burger"). Previous buttons might have their corners correctly, which can be mitigated by removing the items (they are normally just hidden with CSS).
$('.menuSimple .menuPlus').remove();
Note: Removing the elements will also remove them from the burger menu.