TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 09:03:12 +03:00
Code Issues Projects Releases Wiki Activity
245229e7b8
Ghost/ghost/admin/app/styles/app.css

80 lines
2.5 KiB
CSS
Raw Normal View History

Switch to packaged version of Spirit (#985) no issue - remove the manually copied Spirit CSS files - remove the manually copied Spirit helpers - install `ember-cli-ghost-spirit` addon - remove manual postcss configuration - update all `color()` functions in CSS to `color-mod()` - fixed invalid `color-mod()` usage in `power-calendar.css` - bump sub-dependencies
2018-04-03 13:52:18 +03:00
/* Spirit - Ghost's CSS framework
/* ---------------------------------------------------------- */
/*
includes normalize v7 so must come first to avoid clobbering
our old non-Spirit classes
*/
Moved Spirit CSS library from external to internal
2019-02-24 07:19:06 +03:00
@import "spirit/spirit.css";
Switch to packaged version of Spirit (#985) no issue - remove the manually copied Spirit CSS files - remove the manually copied Spirit helpers - install `ember-cli-ghost-spirit` addon - remove manual postcss configuration - update all `color()` functions in CSS to `color-mod()` - fixed invalid `color-mod()` usage in `power-calendar.css` - bump sub-dependencies
2018-04-03 13:52:18 +03:00
Added static members filtering - added filter builder dropdown (alpha) - refactored related CSS
2021-07-23 17:05:22 +03:00
/* Patterns
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
/* ---------------------------------------------------------- */
@import "patterns/global.css";
💄 refactor setup screens to use ember-concurrency (#644) refs TryGhost/Ghost#7865 💄 refactor signup to use ember-concurrency refs https://github.com/TryGhost/Ghost/issues/7865 - moves authentication actions from `signup` route to controller - refactors authentication and signup logic into EC tasks - replaces use of `gh-spin-button` with `gh-task-button` in signup template 💄 refactor setup screens to use ember-concurrency refs https://github.com/TryGhost/Ghost/issues/7865 - moves authentication actions from `setup/two` route to controller - refactors authentication and setup logic into EC tasks - replaces use of `gh-spin-button` with `gh-task-button` - fixes some styling issues with the new SVG icons - adds `app/styles/patterns/icons.css` back to contain per-icon overrides and animations (some SVGs use fills and others use strokes so we sometimes have conflicting styles)
2017-04-19 13:27:32 +03:00
@import "patterns/icons.css";
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
@import "patterns/forms.css";
@import "patterns/buttons.css";
@import "patterns/labels.css";
@import "patterns/tables.css";
@import "patterns/navlist.css";
Labs UI update
2017-02-17 17:10:02 +03:00
@import "patterns/boxes.css";
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
Added static members filtering - added filter builder dropdown (alpha) - refactored related CSS
2021-07-23 17:05:22 +03:00
/* Components
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
/* ---------------------------------------------------------- */
display a spinner whilst the app is loading (#491) no issue - use the same loading indicator as used on my.ghost.org - will display whilst the JS is loading and initializing rather than showing a completely blank screen
2017-01-16 00:11:43 +03:00
@import "components/loading-indicator.css";
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
@import "components/modals.css";
Initial ember-promise-modals implementation refs https://github.com/TryGhost/Team/issues/559 We want to get rid of our existing modals implementation because it doesn't play well with Glimmer compoments and the animation library it uses is now unmaintained and blocking our Ember.js upgrades. - installed addon using customised fork - fork allows passthrough of `allowOutsideClick` to `focus-trap` so we can allow clicks on dropdowns and other wormholed content inside of a modal - extended the `modals` service locally so we can customise click-outside-to-close behaviour and tie in with our `dropdowns` service - set up styles in `modals-new.css`, mostly copied from `modals.css` with a few specific overrides - once all modals are converted we can drop the old `modals.css` and rename `modals-new.css`
2021-09-03 20:14:28 +03:00
@import "components/modals-new.css";
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
@import "components/notifications.css";
@import "components/uploader.css";
@import "components/splitbuttons.css";
@import "components/dropdowns.css";
@import "components/pagination.css";
@import "components/badges.css";
@import "components/settings-menu.css";
replace gh-selectize with power-select in gh-search-input refs #6458
2016-04-19 18:55:10 +03:00
@import "components/power-select.css";
✨ new publish menu and date/time picker (#588) closes https://github.com/TryGhost/Ghost/issues/8249 - replaces the old split-button publish/schedule/update button with a less confusing menu system - adds a `{{gh-date-time-picker}}` component that contains a datepicker with separate time input - replaces the date text input in the post settings menu with `{{gh-date-time-picker}}` - disabled when post is scheduled, only way to update a scheduled time is via the publish menu - validates date is in the past when draft/published so there's no confusion with scheduling - displays saving status in top-left of editor screen - refactor editor (auto)saving processes to use ember-concurrency Other minor changes: - adds `post.publishedAtBlog{TZ,Date,Time}` properties to Post model to allow working with `publishedAt` datetime in the selected blog timezone rather than UTC - adds a `beforeSave` hook to `validation-engine` that is called after successful validation and before the Ember Data save call is made - adds validation of `publishedAtBlog{Date,Time}` to post validator - prevent gh-task-button showing last task state on first render - fixes bug where clicking into and out of the published date input in the PSM without making any changes saves a published date for draft posts
2017-04-11 16:39:45 +03:00
@import "components/power-calendar.css";
Moved koenig CSS out of spirit CSS (#2068) no issue - Koenig is making use of other Admin-provided components which meant that editor-specific styles for those components were increasingly needing to make use of `!important` to override those component styles (specific example is using power-select based components) due to the order that CSS was loaded - Koenig styles don't really fit with the other generic utility classes inside spirit so it makes sense to elevate them to the same level as other component styles within Admin's CSS
2021-08-23 11:29:44 +03:00
@import "components/koenig.css";
New publish menu
2017-03-11 14:23:44 +03:00
@import "components/publishmenu.css";
✨ welcome tour (#527) refs https://github.com/TryGhost/Ghost/issues/5168 - adds a `tour` service that handles syncing and management of tour throbbers & content - adds a `gh-tour-item` component that handles the display of a throbber and it's associated popover when clicked - uses settings API endpoint to populate viewed tour items on app boot/signin - adds `liquid-tether@2.0.3` dependency for attaching throbbers and popups - adds initial tour contents
2017-06-08 18:00:10 +03:00
@import "components/popovers.css";
✨ Unsplash integration closes https://github.com/TryGhost/Ghost/issues/8859, requires https://github.com/TryGhost/Ghost/pull/8895 - adds Unsplash app to app settings - enable/disable toggle - validation and testing of Unsplash App ID - Unsplash App ID field hidden if provided via Ghost config - adds `fetchPrivate` method to `config` service to pull config that requires authentication and updates authentication routines to fetch private config - adds Unsplash buttons to editor toolbar and `{{gh-image-uploader}}` - only present when Unsplash app is enabled - opens Unsplash image selector when clicked - `{{gh-image-uploader}}` has a new `allowUnsplash` attribute to control display of the unsplash button on a per-uploader basis - adds Unsplash image selector (`{{gh-unsplash}}`) - uses new `unsplash` service to handle API requests and maintain state - search - infinite scroll - zoom image - insert image - download image - adds `{{gh-scroll-trigger}}` that will fire an event when the component is rendered into or enters the visible screen area via scrolling - updates `ui` service - adds `isFullscreen` property and updates `gh-editor` so that it gets set/unset when toggling editor fullscreen mode - adds `hasSideNav` and `isSideNavHidden` properties - updates `media-queries` service so that it fires an event each time a breakpoint is entered/exited - removes the need for observers in certain circumstances
2017-08-02 10:05:59 +03:00
@import "components/unsplash.css";
🐛 Fixed broken scrolling/scroll bars in Code Injection inputs closes https://github.com/TryGhost/Ghost/issues/9635 - CodeMirror expects default CSS box-sizing rather than `border-box` so it's scroll calculations were thrown off - reset the `box-sizing` properties on CM elements - remove now unnecessary `.CodeMirror-scroll` patches that we'd put in place to cover broken scroll behaviour - move all non-layout-specific CM styles into a `components/codemirror.css` file
2018-06-04 15:29:28 +03:00
@import "components/codemirror.css";
🎨 Updated admin area design and usability (#1232) refs. https://github.com/TryGhost/Team/issues/205 Major update to Ghost Admin UI including: - improved general consistency (typography, colors and contrast, UI components, icons) - new design for post and pages lists, improved discoverability of filters - search moved to modal - account menu is decoupled from ghost logo - further usability fixes
2019-06-18 13:47:21 +03:00
@import "components/lists.css";
@import "components/tabs.css";
Added <GhBrowserPreview> component for re-usable browser chrome
2021-01-28 14:07:46 +03:00
@import "components/browser-preview.css";
Updated navigation (#1832) no issue Updated settings navigation to a completely redesigned flow for Ghost 4.0 🎉 Co-authored-by: Kevin Ansfield <kevin@lookingsideways.co.uk> Co-authored-by: Fabien O'Carroll <fabien@allou.is> Co-authored-by: Rish <zrishabhgarg@gmail.com>
2021-01-28 18:25:21 +03:00
@import "components/stacks.css";
@import "components/browser-preview.css";
Added static members filtering - added filter builder dropdown (alpha) - refactored related CSS
2021-07-23 17:05:22 +03:00
@import "components/filter-builder.css";
Editor style updates
2017-04-07 21:57:39 +03:00
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
Added static members filtering - added filter builder dropdown (alpha) - refactored related CSS
2021-07-23 17:05:22 +03:00
/* Layouts
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
/* ---------------------------------------------------------- */
@import "layouts/main.css";
Integrate new auth styles into core
2015-05-17 15:31:54 +03:00
@import "layouts/flow.css";
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
@import "layouts/auth.css";
@import "layouts/content.css";
@import "layouts/editor.css";
@import "layouts/settings.css";
@import "layouts/users.css";
@import "layouts/user.css";
Updated About/What's new? page (#1872) Merged About and What's new? page.
2021-09-08 15:00:24 +03:00
@import "layouts/whatsnew.css";
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
@import "layouts/tags.css";
Updated members list/detail screens base structure no issue
2019-10-02 14:35:50 +03:00
@import "layouts/members.css";
Added basic styling with icons for events and tided structure refs https://github.com/TryGhost/Team/issues/1277
2022-01-26 12:52:51 +03:00
@import "layouts/member-activity.css";
Convert Sass to Myth
2015-05-14 16:45:37 +03:00
@import "layouts/error.css";
Slack integration closes #6584 - Frontend Changes: - adds 'Apps' to Navigation Menu - adds 'Slack' as nested page to Apps - adds `apps.css` - adds `slack-integration` model and uses `slack-settings` custom transform to parse JSON file - adds validation for `slack` model - adds fixtures and `slack/test` API endpoint to Mirage - adds acceptance tests for `apps-test` and `slack-test` - adds unit tests for `slack-settings` and `slack-integration` - Backend Changes: - adds API endpoint `slack/test` to send Test Notification - adds default-values for slack model - sends payload to slack: - text: the url of the blogpost / test message - icon_url: url to ghost logo - username: Ghost - adds `slack/index.js` to send webhook to slack if - a new post is published (if slack webhook url is saved in settings) - user clicks on 'Send Test Notification' in UI - adds `slack.init()` to `server.index.js` to add event listener - adds unit test for `slack/index`
2016-03-29 11:40:44 +03:00
@import "layouts/apps.css";
First pass on app management UI
2015-05-25 18:57:14 +03:00
@import "layouts/packages.css";
Added members feature to labs no issue - Added new members settings/toggle to labs
2019-02-26 06:29:57 +03:00
@import "layouts/labs.css";
Added email preview modal flow
2019-11-05 08:21:29 +03:00
@import "layouts/preview-email.css";
Added live preview to members settings modal (#1622) no issue - Adds live preview of members.js modal UI to the new settings modal behind dev flag - Uses `gh-site-iframe` to render site in preview mode with custom portal url
2020-06-25 23:45:47 +03:00
@import "layouts/portal-settings.css";
Moved billing page to a popup no issue - To simplify styling and give a better separation feeling from UI perspective
2020-04-09 08:26:11 +03:00
@import "layouts/billing.css";
Added outline launch wizard framework refs https://github.com/TryGhost/Team/issues/450 - adds `launch/*` routes corresponding to launch wizard steps - sets up navigation between each wizard step - adds components for each `launch/*` step to contain step-related functionality and facilitate later refactoring to a generalised wizard component - adds link to the launch wizard from the dashboard screen
2021-01-18 16:48:23 +03:00
@import "layouts/fullscreen-wizard.css";
Improved preview post modal design and added mobile view refs https://github.com/TryGhost/Team/issues/451 - Added mobile view to the post preview modal - Replaced tabs text with icons - Moved back button and added publish button - Changed copy-link design to be aligned with link preview in portal - Changed layout for social previews - Added images to the Twittr and Facebook previews - Added labels to the social previews - Changed styling for the "Preview post" button in editor
2021-01-28 16:57:14 +03:00
@import "layouts/post-preview.css";
Added dashboard UI skeleton
2021-02-16 20:12:24 +03:00
@import "layouts/dashboard.css";
Renamed products to tiers (#2372) refs: https://github.com/TryGhost/Team/issues/1145 - this should allow us to remove the /products endpoint in v5 It avoids: - `kg-product-card`, that really is meant to say product - `product-cadence` on offers Co-authored-by: Rishabh <zrishabhgarg@gmail.com>
2022-05-11 20:11:54 +03:00
@import "layouts/tiers.css";
Added Ghost Explore UI no issue - Added `/explore` route which requires min. Admin and is behind a feature flag - Fetches Admin API key and ID to create a token and return back to Ghost Explore with the correct query params - Fullscreen UI
2022-07-27 16:22:45 +03:00
@import "layouts/offers.css";
@import "layouts/explore.css";
👷🏻‍♀️🚧👷 Ghost-Editor integration. Integrated Ghost-Editor as an in-repo addon. Moved CSS to /app/styles/addons/ghost-editor/ Still a WIP.
2017-02-27 07:44:15 +03:00
Minor editor style updates Refs https://github.com/TryGhost/Ghost/issues/8021
2017-02-27 13:02:10 +03:00
SUPER IMPORTANT CRITICAL UPDATE ✈️
2017-04-11 22:03:17 +03:00
/* ---------------------------✈️----------------------------- */
/* I COMMITTED THIS COMMENT FROM A PLANE: http://bit.ly/2on5pmq
/* --------------------------------------------------------- */
Reference in New Issue Copy Permalink