Skip to content

Instantly share code, notes, and snippets.

@flokosiol
Last active September 8, 2020 09:52
Show Gist options
  • Save flokosiol/c030008acd31b2916036 to your computer and use it in GitHub Desktop.
Save flokosiol/c030008acd31b2916036 to your computer and use it in GitHub Desktop.
Fixes the Kirby (getkirby.com) panel topbar and the save button at the top of the browser window.
/*
Fixes the Kirby (getkirby.com) panel topbar and the save button at the top of the browser window.
Put this css snippet in your assets/css/panel.css file and add the following to your site/config/config.php
c::set('panel.stylesheet', 'assets/css/panel.css');
@see: http://forum.getkirby.com/t/move-the-save-button/1867/11?u=flokosiol
*/
.topbar {
position: fixed;
z-index: 101; /* conflict with .visualmarkdown-toolbar */
}
.mainbar .btn-submit {
position: fixed;
top: 7px;
right: 70px;
z-index: 102;
color: #fff;
border-color: #fff;
background: #000;
}
.mainbar .btn-submit:hover {
background: #fff;
color: #000;
}
.mainbar .btn-submit.btn-positive {
border-color: #8dae28;
color: #fff;
background: #8dae28
}
@shoesforindustry
Copy link

For the 'conflict with .visualmarkdown-toolbar; I just suggest dropping the visualmarkdown-toolbar down below the black bar /save button.
I've submitted it visualmarkdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment