mediawiki-extensions-Echo/modules/echo.variables.less
Roan Kattouw d36c0ab123 Fix truncation of notification headers
We need a fixed-width CSS table with a number of fixed-width
cells and one cell that takes up the remaining width, with
text truncation. This is a pain to do with CSS tables,
but this trick I found on StackOverflow[1] works well:
wrap the contents of the cell in a div that's position: relative;,
containing another div that's position: absolute; width: 100%;

[1] http://stackoverflow.com/questions/7569436/css-constrain-a-table-with-long-cell-contents-to-page-width

Bug: T140349
Change-Id: I507f915f06185c767d7a5c8edbff6c341e07b6e2
2016-07-18 17:06:48 -07:00

29 lines
578 B
Plaintext

@badge-padding: 0.12em;
@badge-icon-size: 1.1em;
@badge-distance-adjustment: -0.4em;
@notification-background-unseen: #dce8ff;
@notification-background-unread: white;
@notification-background-read: #f1f1f1;
@notification-text-color: #111;
@notification-body-color: #777;
@bundle-group-padding: 0.7em;
@notification-popup-width: 500px;
@opacity-low: 0.5;
@opacity-mid: 0.8;
@specialpage-separation-unit: 0.7em;
@specialpage-sidebar-width: 20em;
@specialpage-width: 700px;
@grey-light: #777;
@grey-medium: #555;
@grey-dark: #333;
@grey-darkest: #000;
@border-color: #ccc;