github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-20 12:43:47 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
03bb43f746
discourse/app/assets/stylesheets/common/components/_index.scss

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

59 lines
1.6 KiB
SCSS
Raw Normal View History

DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "badges";
@import "banner";
FEATURE: Introduce DBreadcrumbs components (#27049) This commit introduces the following components: * DBreadcrumbsContainer - The wrapper template-only component, which renders all DBreadcrumbsItem components on the page. * DBreadcrumbsItem - The component that registers a LinkTo for the breadcrumb trail. The breadcrumb > trail > will show based on the order these items are rendered on the page. * BreadcrumbsService - Manages the DBreadcrumbsContainer elements on the page via DBreadcrumbsContainerModifier. * DBreadcrumbsContainerModifier - Handles registering DBreadcrumbsContainer elements with the BreadcrumbsService and deregistering them. For now, we will only use these breadcrumbs in the admin section of Discourse, and this initial commit only uses them in admin/plugins. This is heavily based off of https://github.com/Bagaar/ember-breadcrumbs, but will be further modified for our needs.
2024-05-20 12:25:54 +08:00
@import "d-breadcrumbs";
UX: Introduce <DStatTiles /> component (#30238) Introduces a new component used to show a grid of stats on any page, mostly used for dashboards and config pages. This component yields a hash with a `Tile` component property, and the caller can loop through their stats and display them using this component. Each stat needs a @label and a @value at minimum, but can also pass in a @tooltip and a @url.
2024-12-13 09:32:46 +08:00
@import "d-stat-tiles";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "bookmark-list";
@import "bookmark-modal";
FEATURE: Redesigned bookmark modal and menu (#23071) Adds the new quick menu for bookmarking. When you bookmark a post (chat message behaviour will come later) we show this new quick menu and bookmark the item straight away. You can then choose a reminder quick option, or choose Custom... to open the old modal. If you click on an existing bookmark, we show the same quick menu but with Edit and Delete options. A later PR will introduce a new bookmark modal, but for now we are using the old modal for Edit and Custom... options.
2024-04-05 07:25:30 +08:00
@import "bookmark-menu";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "buttons";
DEV: <DSelect /> (#30224) `<DSelect />` is a wrapper similar to our existing `<DButton />` over the html element `<select>`. The code is ported from form kit which is now directly using `<DSelect />`. Note this component has also been used in edit topic timer modal. This component is recommended for a small list of text items (no icons, no rich formatting...). Usage: ```gjs <DSelect class="my-select" @onChange={{this.handleChange}} as |select|> <select.Option @value="foo" class="my-favorite-option">Foo</select.Option> <select.Option @value="bar">Bar</select.Option> </DSelect> ``` This commit comes with a set of assertions: ```gjs import dselect from "discourse/tests/helpers/d-select-helper"; import { select } from "@ember/test-helpers"; assert .dselect(".my-select") .hasOption({ value: "bar", label: "Bar" }) .hasOption({ value: "foo", label: "Foo" }) .hasNoOption("baz"); await select(".my-select", "foo"); assert.dselect(".my-select").hasSelectedOption({value: "foo", label: "Foo"}); ```
2024-12-13 17:40:06 +08:00
@import "d-select";
FEATURE: Use native color-picker (#15748)
2022-02-01 22:18:13 +08:00
@import "color-input";
FEATURE: Add word count and indicator when exceeded max (#19367) **This PR creates a new core reusable component wraps a character counter around any input.** The component accepts the arguments: `max` (the maximum character limit), `value` (the value of text to be monitored). It can be used for example, like so: ```hbs <CharCounter @max="50" @value={{this.charCounterContent}}> <textarea placeholder={{i18n "styleguide.sections.char_counter.placeholder"}} {{on "input" (action (mut this.charCounterContent) value="target.value")}} class="styleguide--char-counter"></textarea> </CharCounter> ``` **This PR also:** 1. Applies this component to the chat plugins edit channel's *Edit Description** modal, thereby replacing the simple text area which provided no visual indication when text exceeded the max allowed characters. 2. Adds an example to the `/styleguide` route
2023-02-20 19:06:43 +08:00
@import "char-counter";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "conditional-loading-section";
DEV: Move calendar date + time picker from local dates into core component (#23023) This commit moves the calendar date and time picker shown in the local dates modal into a core component that can be reused in other places. Also add system specs to make sure there isn't any breakages with this feature, and a section to the styleguide.
2023-08-11 11:05:44 +08:00
@import "calendar-date-time-input";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "convert-to-public-topic-modal";
FEATURE: New Discourse Lightbox using Glimmer (#19798) Introduces new lightbox as a step to migrate away from Magnific Popup. Please see https://meta.discourse.org/t/migrating-away-from-magnific-popup/251505 for more details Co-authored-by: Nat <natalie.tay@discourse.org> Co-authored-by: David Battersby <info@davidbattersby.com>
2023-07-13 15:06:17 +08:00
@import "d-lightbox";
UX: Easily toggle badges in admin badge list (#20225)
2023-02-10 03:36:27 +08:00
@import "d-toggle-switch";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "date-input";
@import "date-picker";
@import "date-time-input-range";
@import "date-time-input";
DEV: Add file_size_restriction site setting type (#24704) This change will allow admins to configure file sizes in mb instead of having to convert to kb. Co-authored-by: Ella <ella.estigoy@gmail.com>
2023-12-14 07:22:48 +08:00
@import "file-size-input";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "footer-nav";
DEV: Create posts from form templates (#21980)
2023-06-09 03:49:18 +08:00
@import "form-template-field";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "group-member-dropdown";
@import "groups-form-membership-fields";
@import "hashtag";
UX: drag new user menus, scroll primary user nav (#18690)
2022-10-25 07:22:02 +08:00
@import "horizontal-overflow-nav";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "iframed-html";
@import "ignored-user-list";
@import "keyboard_shortcuts";
UX: Use pill design on both mobile and desktop (#23124)
2023-08-18 01:37:11 +08:00
@import "more-topics";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "navs";
FEATURE: Offline indicator (#21369)
2023-06-06 00:08:04 +08:00
@import "offline-indicator";
DEV: add pick-files-button component (#13764) * DEV: add pick-files-button component * Scope querySelector to the component, add removeEventListener, fix formatting
2021-07-17 01:50:50 +08:00
@import "pick-files-button";
FEATURE: optionally show "Powered by Discourse" link to discourse.org (#26162)
2024-03-14 22:30:12 +08:00
@import "powered-by-discourse";
UX: Fix local-dates styling (#12085) Renames the new `relative-time` component to `relative-time-picker` to avoid CSS class conflict with local-dates.
2021-02-15 18:44:30 +08:00
@import "relative-time-picker";
DEV: Upgrade the so-called share-and-invite modal (#23574)
2023-09-14 16:50:50 +08:00
@import "add-pm-participants";
FEATURE: save local date to calendar (#14486) It allows saving local date to calendar. Modal is giving option to pick between ics and google. User choice can be remembered as a default for the next actions.
2021-10-06 11:11:52 +08:00
@import "download-calendar";
DEV: Switch edit nav menu tags/categories modal to component (#22401) Why this change? A new component based API for modals was introduced in b3a23bd9d6abdff2d87d4f32866a27cb6770f499. This commit moves the edit navigation menu tags and categories modal to the new API.
2023-07-04 09:45:21 +08:00
@import "sidebar/edit-navigation-menu/categories-modal";
@import "sidebar/edit-navigation-menu/modal";
@import "sidebar/edit-navigation-menu/tags-modal";
UX: Add progress bar to the registration flow (#27694)
2024-08-28 19:43:39 +08:00
@import "signup-progress-bar";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "svg";
@import "tap-tile";
FEATURE: Initial themes config area with grid (#28828) * UX: More additions * UX: more * DEV: Add admin/config/themes route * UX: Use admin config card * syntax merge fixes * cleanup * cleanup * checkbox * more * error * save on click * more * fix setter * DEV: Implement vanilla checkbox * cleanup * UX: save themes as default * DEV: Add component list to card * DEV: Add placeholder for no screenshots * DEV: Fix default theme reactivity Also add content/optionalAction yields to config area card and put the theme user selectable checkbox there, along with adding styles. * DEV: Change to generic "look and feel" config area * DEV: Auto redirect to themes on base look and feel route * UX: Remove computed from sorted themes * linting * UX: Turn update icon into button that routes to settings * DEV: remove unused function * UX: center icons with title * DEV: Lint * UX: Hook up theme preview button * DEV: Minor fixes --------- Co-authored-by: Martin Brennan <martin@discourse.org> Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
2024-10-15 23:54:38 +08:00
@import "theme-card";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "time-input";
FEATURE: Topic timer UI revamp (#11912) This PR revamps the topic timer UI, using the time shortcut selector from the bookmark modal. * Fixes an issue where the duration of hours/days after last reply or auto delete replies was not enforced to be > 0 * Fixed an issue where the timer dropdown options were not reloaded correctly if the topic status changes in the background (use `MessageBus` to publish topic state in the open/close timer jobs) * Moved the duration input and the "based on last post" option from the `future-date-input` component, as it was only used for topic timers. Also moved out the notice that is displayed which was also only relevant for topic timers.
2021-02-03 08:13:32 +08:00
@import "time-shortcut-picker";
UX: Merge the simplified topic map (#27964) Replaces the existing topic map with the experimental-topic-map made by @awesomerobot. --------- Co-authored-by: awesomerobot <kris.aubuchon@discourse.org>
2024-07-23 06:42:29 +08:00
@import "topic-map";
DEV: Experimental /filter route to filter through topics (#20494) This commit introduces an experimental `/filter` route which allows a user to input a query string to filter through topics. Internal Ref: /t/92833
2023-03-03 09:46:21 +08:00
@import "topic-query-filter";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "user-card";
@import "user-info";
FEATURE: show user status on the user profile page (#17712)
2022-07-29 01:12:48 +08:00
@import "user-status-message";
FEATURE: user status emoji (#17025)
2022-06-22 22:15:33 +08:00
@import "user-status-picker";
DEV: Use indexes when importing SCSS from a folder (#11591) By default, SCSS does not support globbing. This removes our magic and uses index files to import all files in a folder.
2020-12-31 04:29:10 +08:00
@import "user-stream-item";
@import "user-stream";
@import "widget-dropdown";
UX: Add progress bar to the registration flow (#27694)
2024-08-28 19:43:39 +08:00
@import "welcome-header";
DEV: replaces topic-notifications-options by DMenu (#30298) This commit introduces <NotificationsTracking /> which is a wrapper component around <DMenu /> which replaces the select-kit component <TopicNotificationsButton />. Each tracking case has its dedicated component: - topic -> `<TopicNotificationsTracking />` - group -> `<GroupNotificationsTracking />` - tag -> `<TagNotificationsTracking />` - category -> `<CategoryNotificationsTracking />` - chat thread -> `<ThreadNotificationsTracking />`
2024-12-17 02:59:18 +08:00
@import "notifications-tracking";
Reference in New Issue Copy Permalink