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/software-update-prompt.scss

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

58 lines
1.0 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-06 18:56:48 -04: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-25 11:16:55 -05: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-06 18:56:48 -04: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 09:40:03 -04:00
overflow: hidden;
transition: max-height 0.3s;
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-06 18:56:48 -04:00
box-shadow: 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-13 20:26:23 -04: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-06 18:56:48 -04: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-13 20:26:23 -04: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-06 18:56:48 -04: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-13 20:26:23 -04:00
.update-prompt-message {
cursor: pointer;
padding: 0.75em 0;
span {
text-decoration: underline;
}
}
.update-prompt-dismiss {
justify-content: flex-end;
display: flex;
height: 44px;
flex: 1;
span {
cursor: pointer;
display: inline;
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-06 18:56:48 -04:00
}
.d-icon {
margin-right: 0.33em;
font-size: 0.9em;
}
&.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 09:40:03 -04: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-06 18:56:48 -04:00
}
}