mirror of
https://github.com/status-im/consul.git
synced 2025-01-09 21:35:52 +00:00
82a62cd2ed
* CSS for moving from a horizontal main menu to a side/vertical one * Add <App /> Component and rearrange <HashcorpConsul /> to use it 1. HashicorpConsul now uses <App /> 2. <App /> is now translated and adds 'skip to main content' functionality 3. Adds ember-in-viewport addon in order to visibly hide main navigation items in order to take them out of focus/tabbing 4. Slight amends to the dom service while I was there
40 lines
1.1 KiB
SCSS
40 lines
1.1 KiB
SCSS
$ideal-width: 1260px;
|
|
|
|
$--horizontal-filters: '(min-width: 1300px)';
|
|
$--lt-horizontal-filters: '(max-width: 1379px)';
|
|
|
|
$--horizontal-selects: '(min-width: 996px)';
|
|
$--lt-horizontal-selects: '(max-width: 995px)';
|
|
|
|
$--horizontal-nav: '(min-width: 850px)';
|
|
$--lt-horizontal-nav: '(max-width: 849px)';
|
|
|
|
$--horizontal-tabs: '(min-width: 615px)';
|
|
$--lt-horizontal-tabs: '(max-width: 614px)';
|
|
|
|
$--min-padding: '(max-width: 600px)';
|
|
$--max-padding: '(min-width: 1260px)';
|
|
|
|
$--tall-footer: '(min-height: 668px)';
|
|
$--lt-tall-footer: '(max-height: 667px)';
|
|
|
|
$--wide-footer: '(min-width: 421px)';
|
|
$--lt-wide-footer: '(max-width: 420px)';
|
|
|
|
$--spacious-page-header: '(min-width: 850px)';
|
|
$--lt-spacious-page-header: '(max-width: 849px)';
|
|
|
|
$--spacious-healthcheck-output: '(min-width: 651px)';
|
|
$--lt-spacious-healthcheck-output: '(max-width: 650px)';
|
|
|
|
$--wide-form: '(min-width: 421px)';
|
|
$--lt-wide-form: '(max-width: 420px)';
|
|
|
|
/* If these are needed for usage on the same table */
|
|
/* they will need re-figuring out */
|
|
$--wide-table: '(min-width: 421px)';
|
|
$--lt-wide-table: '(max-width: 420px)';
|
|
|
|
$--sidebar-open: '(min-width: 900px)';
|
|
$--lt-sidebar-open: '(max-width: 899px)';
|