Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
discourse/app/assets/stylesheets/common/components/sidebar/edit-navigation-menu/modal.scss

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

95 lines
1.8 KiB
SCSS
Raw Normal View History

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-03 21:45:21 -04:00
.sidebar__edit-navigation-menu__modal {
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
.modal-body {
PERF: Paginate loading of tags in edit nav menu tags modal (#22380) What is the problem? Before this change, we were relying on the `/tags` endpoint which returned all the tags that are visible to a give user on the site leading to potential performance problems. The attribute keys of the response also changes based on the `tags_listed_by_group` site setting. What is the fix? This commit fixes the problems listed above by creating a dedicate `#list` action in the `TagsController` to handle the listing of the tags in the edit navigation menu tags modal. This is because the `TagsController#index` action was created specifically for the `/tags` route and the response body does not really map well to what we need. The `TagsController#list` action added here is also much safer since the response is paginated and we avoid loading a whole bunch of tags upfront.
2023-07-03 23:36:39 -04:00
min-height: 25vh;
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
}
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
}
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
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-03 21:45:21 -04:00
.sidebar__edit-navigation-menu__filter {
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
display: flex;
flex-direction: row;
padding: 1em 1em 0 1em;
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-03 21:45:21 -04:00
.sidebar__edit-navigation-menu__filter-dropdown {
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
margin-left: 0.5em;
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
.select-kit-header {
background: var(--secondary);
color: var(--primary);
border: 1px solid var(--primary-low-mid);
font-size: var(--font-0);
FEATURE: Add dropdown to filter by selected in edit nav menu modal (#22251) What does this change do? This change adds a dropdown filter that allows a user to filter by selected or unselected categories/tags in the edit navigation menu modal. For the categories modal, parent categories that do not match the dropdown filter will be displayed as disabled since those parent categories need to be displayed to maintain the hieracy of the child child categories.
2023-06-22 22:29:00 -04:00
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
&:hover,
&:focus {
FEATURE: Add dropdown to filter by selected in edit nav menu modal (#22251) What does this change do? This change adds a dropdown filter that allows a user to filter by selected or unselected categories/tags in the edit navigation menu modal. For the categories modal, parent categories that do not match the dropdown filter will be displayed as disabled since those parent categories need to be displayed to maintain the hieracy of the child child categories.
2023-06-22 22:29:00 -04:00
background: var(--secondary);
color: var(--primary);
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
.d-icon {
FEATURE: Add dropdown to filter by selected in edit nav menu modal (#22251) What does this change do? This change adds a dropdown filter that allows a user to filter by selected or unselected categories/tags in the edit navigation menu modal. For the categories modal, parent categories that do not match the dropdown filter will be displayed as disabled since those parent categories need to be displayed to maintain the hieracy of the child child categories.
2023-06-22 22:29:00 -04:00
color: var(--primary);
}
}
}
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
}
FEATURE: Add dropdown to filter by selected in edit nav menu modal (#22251) What does this change do? This change adds a dropdown filter that allows a user to filter by selected or unselected categories/tags in the edit navigation menu modal. For the categories modal, parent categories that do not match the dropdown filter will be displayed as disabled since those parent categories need to be displayed to maintain the hieracy of the child child categories.
2023-06-22 22:29:00 -04:00
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-03 21:45:21 -04:00
.sidebar__edit-navigation-menu__filter-input {
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
display: flex;
flex-direction: row;
margin-right: auto;
width: 100%;
position: relative;
}
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
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-03 21:45:21 -04:00
.sidebar__edit-navigation-menu__filter-input-icon {
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
position: absolute;
left: 0.5em;
top: 0.65em;
color: var(--primary-low-mid);
}
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
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-03 21:45:21 -04:00
.sidebar__edit-navigation-menu__filter-input-field {
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
border-color: var(--primary-low-mid);
padding-left: 1.75em;
width: 100%;
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
UX: Fix position of filters in edit categories/tags nav menu modals (#22292) Why this change? We want the position of the filters to remain fixed when scrolling through the list of categories or tags. Otherwise, the user has to scroll all the way back to othe top in order to access the filters when the list of categories or tags is large.
2023-06-27 00:52:42 -04:00
&:focus {
border-color: var(--tertiary);
outline: none;
outline-offset: 0;
box-shadow: inset 0px 0px 0px 1px var(--tertiary);
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
}
}
}
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-03 21:45:21 -04:00
.sidebar__edit-navigation-menu__footer {
display: flex;
width: 100%;
.btn.sidebar__edit-navigation-menu__reset-defaults-button {
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
margin-left: auto;
margin-right: 0em;
.d-icon {
font-size: var(--font-down-1);
color: var(--tertiary);
}
&:focus,
&:active {
background: none;
}
}
}
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-03 21:45:21 -04:00
.sidebar__edit-navigation-menu__deselect-wrapper {
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
margin: 0;
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-03 21:45:21 -04:00
.btn-flat.sidebar__edit-navigation-menu__deselect-button {
DEV: Refactor edit tags/categories modal to reduce duplication (#22240) Why this change? There was alot of duplication between the edit navigation menu tags/categories modal which was making it hard to introduce new changes as the work had to be duplicated into multiple places. This commit mainly extracts the duplicated code into common components such that it is easier to make styling changes across both modals.
2023-06-22 20:28:55 -04:00
margin-left: auto;
padding: 0;
&:focus,
&:active {
background: none;
}
}
}