Design tricks and hacks - Revision history

Tvi: 3 revisions imported

2021-12-10T10:51:22Z

3 revisions imported

← Older revision	Revision as of 12:51, 10 December 2021
(No difference)

old>Admin: Admin moved page Overflow solutions to Design tricks and hacks without leaving a redirect

2016-06-13T17:38:03Z

Admin moved page Overflow solutions to Design tricks and hacks without leaving a redirect

← Older revision	Revision as of 19:38, 13 June 2016
(No difference)

old>Admin: /* many pages / long page name */

2016-06-13T17:36:37Z

many pages / long page name

← Older revision		Revision as of 19:36, 13 June 2016
Line 13:		Line 13:
	}		}
	.tablePageSelectorElementLeft, .tablePageSelectorElementRight { width: 2px; }		.tablePageSelectorElementLeft, .tablePageSelectorElementRight { width: 2px; }


			== rounded corners missing in simple menu mode ==
			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.

old>Admin: Created page with "== many pages / long page name == The following code will shorten page selectors, unless they are hovered or active .tablePageSelector td a { max-width: 80px; o..."

2016-06-10T13:09:59Z

Created page with "== many pages / long page name == The following code will shorten page selectors, unless they are hovered or active .tablePageSelector td a { max-width: 80px; o..."

New page

== 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; }