github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-24 21:50:24 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity
abcdd8d367
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.

62 lines
1.1 KiB
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);
color: var(--tertiary);
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 {
cursor: pointer;
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 {
margin-right: 0.33em;
font-size: 0.9em;
}
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
span {
text-decoration: underline;
}
}
.update-prompt-dismiss {
justify-content: flex-end;
display: flex;
height: 44px;
flex: 1;
span {
cursor: pointer;
height: 100%;
display: flex;
align-items: center;
padding-left: 20px;
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
UX: Add hover style to refresh-page dismiss button (#15711) Also fixes icon size and position
2022-02-02 03:04:46 +08:00
&:hover {
color: var(--tertiary-hover);
}
}
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