mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-13 22:41:32 -05:00
37fd17c084
Closes #2418, #2714 Ref #2446, #2565 - Added and injected `popover` service to globally control popovers - Added `gh-popover-button` component - Added `popover-mixin` for popover and popover-buttons to mixin - Added body-event-listener mixin for popover service to watch for body clicks with - Post settings and post save button both now use `gh-popover` - Added hacks to `ember-hacks.css` to make popovers work until ghost-ui consolidates functionality
82 lines
1.5 KiB
CSS
82 lines
1.5 KiB
CSS
/*
|
|
Cosmetic changes to ghost styles, that help during development.
|
|
The contents should be solved properly or moved into ghost-ui package.
|
|
*/
|
|
|
|
#entry-markdown,
|
|
.entry-preview,
|
|
.CodeMirror.cm-s-default {
|
|
height: 500px !important;
|
|
}
|
|
|
|
.editor input {
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
transition: none;
|
|
}
|
|
|
|
/*
|
|
Styles for GhostPopoverComponent
|
|
|
|
hack the user menu and for the post-save button popup,
|
|
until ghost-ui gets a rehaul
|
|
*/
|
|
.navbar .subnav ul.ghost-popover,
|
|
#publish-bar .splitbutton-save .editor-options.ghost-popover,
|
|
#publish-bar .splitbutton-delete .editor-options.ghost-popover{
|
|
display: none;
|
|
}
|
|
#publish-bar .splitbutton-save .editor-options.ghost-popover.open,
|
|
#publish-bar .splitbutton-delete .editor-options.ghost-popover.open,
|
|
.navbar .subnav ul.ghost-popover.open {
|
|
display: block;
|
|
}
|
|
|
|
.ghost-popover {
|
|
display: none;
|
|
}
|
|
|
|
.ghost-popover.open {
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* Fade in animation */
|
|
.fade-in {
|
|
-o-animation: fadein 0.5s; /* Opera */
|
|
-moz-animation: fadein 0.5s; /* Firefox */
|
|
-webkit-animation: fadein 0.5s; /* Safari and Chrome */
|
|
animation: fadein 0.5s;
|
|
}
|
|
@keyframes fadein {
|
|
from {
|
|
opacity:0;
|
|
}
|
|
to {
|
|
opacity:1;
|
|
}
|
|
}
|
|
@-o-keyframes fadein { /* Opera */
|
|
from {
|
|
opacity:0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@-moz-keyframes fadein { /* Firefox */
|
|
from {
|
|
opacity:0;
|
|
}
|
|
to {
|
|
opacity:1;
|
|
}
|
|
}
|
|
@-webkit-keyframes fadein { /* Safari and Chrome */
|
|
from {
|
|
opacity:0;
|
|
}
|
|
to {
|
|
opacity:1;
|
|
}
|
|
}
|