github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-13 11:33:46 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
b545576b3c
discourse/app/assets/stylesheets/common/software-update-prompt.scss

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

53 lines
964 B
SCSS
Raw Normal View History

FEATURE: Move site updated modal into a less obtrusive prompt (#12577) This moves the "This site was just updated" modal asking the user if they want to refresh into a subtle prompt that slides down from the header. Also in this PR I've added a helper to publish message bus messages in JS tests. So instead of this: ```javascript // Mimic a messagebus message MessageBus.callbacks .filterBy("channel", "/global/asset-version") .map((c) => c.func("somenewversion")); ``` We can have: ```javascript publishToMessageBus("/global/asset-version", "somenewversion"); ```
2021-04-07 06:56:48 +08:00
.software-update-prompt {
position: fixed;
flex: 1;
right: 0;
left: 0;
FIX: Software update prompt position on themes with extra header (#15094)
2021-11-26 00:16:55 +08:00
top: var(--header-offset, 60px);
FEATURE: Move site updated modal into a less obtrusive prompt (#12577) This moves the "This site was just updated" modal asking the user if they want to refresh into a subtle prompt that slides down from the header. Also in this PR I've added a helper to publish message bus messages in JS tests. So instead of this: ```javascript // Mimic a messagebus message MessageBus.callbacks .filterBy("channel", "/global/asset-version") .map((c) => c.func("somenewversion")); ``` We can have: ```javascript publishToMessageBus("/global/asset-version", "somenewversion"); ```
2021-04-07 06:56:48 +08:00
background-color: var(--tertiary-low);
max-height: 0;
DEV: Do not always include software update HTML in DOM (#13291)
2021-06-07 21:40:03 +08:00
overflow: hidden;
transition: max-height 0.3s;
REFACTOR: move shadow vars to css custom props (#22094)
2023-06-14 04:38:31 +08:00
box-shadow: var(--shadow-header);
FIX: Software update prompt fixes and improvements (#12648) * Fixes the z-index of the prompt so it is behind the quick access panels * Adds a dismiss `X` button (made sure the click target of this was quite big) * Change structure of HTML to address template lint issues * Fix aria-hidden not returning true/false * Reload current page instead of navigating to / when clicking on the prompt message
2021-04-14 08:26:23 +08:00
z-index: z("header") - 10;
FEATURE: Move site updated modal into a less obtrusive prompt (#12577) This moves the "This site was just updated" modal asking the user if they want to refresh into a subtle prompt that slides down from the header. Also in this PR I've added a helper to publish message bus messages in JS tests. So instead of this: ```javascript // Mimic a messagebus message MessageBus.callbacks .filterBy("channel", "/global/asset-version") .map((c) => c.func("somenewversion")); ``` We can have: ```javascript publishToMessageBus("/global/asset-version", "somenewversion"); ```
2021-04-07 06:56:48 +08:00
FIX: Software update prompt fixes and improvements (#12648) * Fixes the z-index of the prompt so it is behind the quick access panels * Adds a dismiss `X` button (made sure the click target of this was quite big) * Change structure of HTML to address template lint issues * Fix aria-hidden not returning true/false * Reload current page instead of navigating to / when clicking on the prompt message
2021-04-14 08:26:23 +08:00
.update-prompt-main-content {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
FEATURE: Move site updated modal into a less obtrusive prompt (#12577) This moves the "This site was just updated" modal asking the user if they want to refresh into a subtle prompt that slides down from the header. Also in this PR I've added a helper to publish message bus messages in JS tests. So instead of this: ```javascript // Mimic a messagebus message MessageBus.callbacks .filterBy("channel", "/global/asset-version") .map((c) => c.func("somenewversion")); ``` We can have: ```javascript publishToMessageBus("/global/asset-version", "somenewversion"); ```
2021-04-07 06:56:48 +08:00
}
FIX: Software update prompt fixes and improvements (#12648) * Fixes the z-index of the prompt so it is behind the quick access panels * Adds a dismiss `X` button (made sure the click target of this was quite big) * Change structure of HTML to address template lint issues * Fix aria-hidden not returning true/false * Reload current page instead of navigating to / when clicking on the prompt message
2021-04-14 08:26:23 +08:00
.update-prompt-message {
DEV: Convert software-update-prompt to glimmer/gjs/dbutton (#28341)
2024-08-13 21:47:14 +08:00
color: var(--tertiary);
FIX: Software update prompt fixes and improvements (#12648) * Fixes the z-index of the prompt so it is behind the quick access panels * Adds a dismiss `X` button (made sure the click target of this was quite big) * Change structure of HTML to address template lint issues * Fix aria-hidden not returning true/false * Reload current page instead of navigating to / when clicking on the prompt message
2021-04-14 08:26:23 +08:00
padding: 0.75em 0;
UX: Add hover style to refresh-page dismiss button (#15711) Also fixes icon size and position
2022-02-02 03:04:46 +08:00
.d-icon {
DEV: Convert software-update-prompt to glimmer/gjs/dbutton (#28341)
2024-08-13 21:47:14 +08:00
color: var(--tertiary);
UX: Add hover style to refresh-page dismiss button (#15711) Also fixes icon size and position
2022-02-02 03:04:46 +08:00
font-size: 0.9em;
}
DEV: Convert software-update-prompt to glimmer/gjs/dbutton (#28341)
2024-08-13 21:47:14 +08:00
.d-button-label > span {
FIX: Software update prompt fixes and improvements (#12648) * Fixes the z-index of the prompt so it is behind the quick access panels * Adds a dismiss `X` button (made sure the click target of this was quite big) * Change structure of HTML to address template lint issues * Fix aria-hidden not returning true/false * Reload current page instead of navigating to / when clicking on the prompt message
2021-04-14 08:26:23 +08:00
text-decoration: underline;
}
}
.update-prompt-dismiss {
justify-content: flex-end;
display: flex;
height: 44px;
flex: 1;
DEV: Convert software-update-prompt to glimmer/gjs/dbutton (#28341)
2024-08-13 21:47:14 +08:00
.d-icon {
color: var(--tertiary);
UX: Add hover style to refresh-page dismiss button (#15711) Also fixes icon size and position
2022-02-02 03:04:46 +08:00
}
FEATURE: Move site updated modal into a less obtrusive prompt (#12577) This moves the "This site was just updated" modal asking the user if they want to refresh into a subtle prompt that slides down from the header. Also in this PR I've added a helper to publish message bus messages in JS tests. So instead of this: ```javascript // Mimic a messagebus message MessageBus.callbacks .filterBy("channel", "/global/asset-version") .map((c) => c.func("somenewversion")); ``` We can have: ```javascript publishToMessageBus("/global/asset-version", "somenewversion"); ```
2021-04-07 06:56:48 +08:00
}
&.require-software-refresh {
max-height: 300px;
margin-left: auto;
margin-right: auto;
DEV: Do not always include software update HTML in DOM (#13291)
2021-06-07 21:40:03 +08:00
transition: max-height 0.75s;
FEATURE: Move site updated modal into a less obtrusive prompt (#12577) This moves the "This site was just updated" modal asking the user if they want to refresh into a subtle prompt that slides down from the header. Also in this PR I've added a helper to publish message bus messages in JS tests. So instead of this: ```javascript // Mimic a messagebus message MessageBus.callbacks .filterBy("channel", "/global/asset-version") .map((c) => c.func("somenewversion")); ``` We can have: ```javascript publishToMessageBus("/global/asset-version", "somenewversion"); ```
2021-04-07 06:56:48 +08:00
}
}
Reference in New Issue Copy Permalink