Johannes Meyer
168fcfec36
layout.less: Relax specificity of content and controls padding
2019-12-11 11:31:23 +01:00
Johannes Meyer
55b9b44be9
js: Fix error when focusing navigation anchors
2019-12-11 09:27:18 +01:00
Johannes Meyer
6a4c3ea542
layout: Don't use explicit `width` anymore to resize multiple columns
2019-12-06 16:05:24 +01:00
Johannes Meyer
d83ae2cd9b
layout: Apply `overflow:auto` also to `.container` elements
...
Otherwise content not wrapped with `.content` lets overflow
the entire page.
2019-12-06 16:04:10 +01:00
Johannes Meyer
9a32be2f4e
Winter.less: Properly apply snow effect to menu items
2019-12-06 15:41:16 +01:00
Johannes Meyer
60dfbcbad9
Remove remaining usages of `#menu-container`
2019-12-06 15:39:14 +01:00
Johannes Meyer
9acd45df13
css: Remove `min-height` and `overflow` from `body`
...
Causes issues in minimal layouts otherwise, at least in
Chrome. Safari suffers from this, but who cares...
2019-12-06 15:39:14 +01:00
Johannes Meyer
8922447d10
css: Remove remaining position instructions used for the legacy layout
2019-12-06 15:39:14 +01:00
Johannes Meyer
e61eb6f160
ui: Fix sidebar issues in minimal layout
...
Was completely broken even prior the removal of `ui.fixControls()`..
2019-12-06 15:39:14 +01:00
Johannes Meyer
4af48c797d
js: Remove `ui.fixControls()` and `ui.initializeControls()`
...
Hooray!
2019-12-06 15:39:14 +01:00
Johannes Meyer
83d6a258ec
application-state.js: Remove redundant rendered callback
2019-12-06 15:39:14 +01:00
Johannes Meyer
cfb9450cf0
Winter.less: Apply snow effect to directly to tabs
...
The header has no height anymore without announcements.
2019-12-06 15:39:14 +01:00
Johannes Meyer
31e3ce70a8
layout: Don't use id `header` if it's not a global header
2019-12-06 15:36:34 +01:00
Florian Strohmaier
6218ad8cde
menu.less: Use appropriate less functions to darken colors
2019-12-06 15:36:34 +01:00
Florian Strohmaier
2b2f0cf48f
menu.less: Align .badge-nav-item with flexbox
2019-12-06 15:36:34 +01:00
Florian Strohmaier
ca02547bf6
Tabs: Beautify tabs hover
2019-12-06 15:36:34 +01:00
Florian Strohmaier
5443bfe9fa
JS: Do not apply 'menu-hovered' on #layout
...
refs #3904
2019-12-06 15:36:34 +01:00
Florian Strohmaier
7864150054
JS: Fix navigation flyout not fading out after mouseout
...
refs #3904
2019-12-06 15:36:34 +01:00
Florian Strohmaier
88db9c80c3
CSS: Compensate .tabs-spacer
...
refs #3810
refs #3815
2019-12-06 15:36:34 +01:00
Florian Strohmaier
eb104c3332
CSS: Prevent tabs from line-break
...
refs #3810
refs #3815
2019-12-06 15:36:34 +01:00
Florian Strohmaier
c6c77aa411
JS: Remove unused code
2019-12-06 15:36:34 +01:00
Florian Strohmaier
6d7bccc348
CSS: Fix special view layout issues
2019-12-06 15:36:34 +01:00
Florian Strohmaier
516bbc1ef0
JS: Fix sidebar animating out
2019-12-06 15:36:34 +01:00
Florian Strohmaier
0da89bb977
JS: Reinstate mobile menu
2019-12-06 15:36:34 +01:00
Florian Strohmaier
4febf7433e
CSS: Add minimal-layout styles for #content-wrapper
2019-12-06 15:36:34 +01:00
Florian Strohmaier
615085d744
CSS: Fix collapsed sidebar
2019-12-06 15:36:34 +01:00
Florian Strohmaier
59d6237a5a
CSS: Style fixes for sidebar
2019-12-06 15:36:34 +01:00
Florian Strohmaier
cbb88d1d5e
CSS: Add tabs background
2019-12-06 15:36:34 +01:00
Florian Strohmaier
400abfe7f2
CSS: Fix overflowing content in Safari
2019-12-06 15:36:34 +01:00
Florian Strohmaier
c06aec0471
Remove unused code
2019-12-06 15:36:34 +01:00
Florian Strohmaier
955ab298f7
CSS: Flex layout to container contents
2019-12-06 15:36:34 +01:00
Florian Strohmaier
8c7b5fcd57
CSS: Add flex-box to #main
2019-12-06 15:36:34 +01:00
Florian Strohmaier
ead543e373
CSS: Hide ‘empty’ containers in main
2019-12-06 15:36:34 +01:00
Florian Strohmaier
d579428ff9
CSS: Restrict #content-wrapper height to window
2019-12-06 15:36:34 +01:00
Florian Strohmaier
cfbeb26354
JS: Disable fixControls()
2019-12-06 15:36:34 +01:00
Florian Strohmaier
b819dd6881
CSS: Add sidebar layout
2019-12-06 15:36:34 +01:00
Florian Strohmaier
739dd50384
CSS: Set basic layout structure
2019-12-06 15:36:34 +01:00
Florian Strohmaier
722cbfe47f
CSS: Make body and #layout 100% of viewport
2019-12-06 15:36:34 +01:00
Johannes Meyer
4157821c89
IcingaCheckbox: Don't `display:none` the checkbox but add `.sr-only` to it
2019-12-05 16:12:41 +01:00
Feu Mourek
8236b3baf0
Move form colours to the base.less
2019-12-04 11:35:25 +01:00
Florian Strohmaier
1755c01390
base.less: Add gray-semilight var
2019-11-28 15:32:38 +01:00
Johannes Meyer
cc065b949b
js: Use custom event `icinga-init` to trigger initial render events
...
The `load` event is not really only fired *after all shared resources are loaded*.
Just Chromium ensures this event is fired only after `ready` and `DOMContentLoaded`.
FF, IE and Safari don't so we need our own post-init event: `icinga-init`
2019-11-26 16:00:21 +01:00
Johannes Meyer
48098a2830
js: Don't initialize modules using a `beforerender` event
...
`beforerender` is already too late. Module initialization
done using an event handler is wrong anyway. It's some
kind of bootstrapping after all and should be performed
by parts of the code which is directly responsible for
DOM content handling of modules. (i.e. loader.js)
This change though introduces a side-effect which was
not the case previously: Nested `.container` elements
trigger `rendered` events now. I've introduced this to
ensure we're also lazy loading modules and let them
handle their `rendered` events right after a redirect
which rerendered the layout. (Only `#layout` got a
`rendered` event then prior to this change)
2019-11-21 09:55:20 +01:00
Johannes Meyer
7f78c1a8a8
js: Properly initialize modules and don't trigger `rendered` events twice
...
Cleans up how our JS initializes module javascript. Previously the `rendered`
event only got fired upon page load if a module got loaded as well. This is
now decoupled and `rendered` events fire for all containers and the entire
layout upon page load.
Notable changes:
* A `load` event initializes modules and triggers `rendered` on `.container` and `#layout` elements
* Module javascript (module.js) is still lazy loaded but with a `beforerender` event, not `rendered`
* Previously `#layout` received a `rendered` event during bootstrapping, this is not the case anymore
* Initial search value preservation now got its own handler `events.onRenderedMenu()`
* Initial dashlet loading now git its own handler `events.loadDashlets()`
2019-11-20 16:22:56 +01:00
Johannes Meyer
47c2a8bdc1
js: Utilize `utils.objectsEqual()` in `actiontable.select()`
2019-11-20 16:22:56 +01:00
Johannes Meyer
2dbf9ca8ab
js: Properly parse/decode query params in `utils.parseParams()`
2019-11-20 16:22:56 +01:00
Johannes Meyer
5f739deea3
loader.js: Enhance __BACK__ handling
2019-11-05 15:04:23 +01:00
Johannes Meyer
da565f4d16
loader.js: Refresh left twice in case right has been closed..
...
..if the redirect target is `__BACK__`
2019-11-04 17:25:05 +01:00
Johannes Meyer
42e596f457
loader.js: Navigate back if redirect target is `__BACK__`
2019-11-04 16:03:54 +01:00
Johannes Meyer
a13d2b1e48
js: Introduce behavior modal.js
2019-11-04 12:46:30 +01:00