discourse/app/assets/stylesheets/common/software-update-prompt.scss
Martin Brennan 432b839997
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 08:56:48 +10:00

36 lines
594 B
SCSS

.software-update-prompt {
position: fixed;
flex: 1;
right: 0;
left: 0;
background-color: var(--tertiary-low);
color: var(--tertiary);
max-height: 0;
visibility: hidden;
transition: max-height 1s;
box-shadow: shadow("header");
z-index: z("header") + 10;
a {
display: block;
padding: 0.5em 0;
}
span {
text-decoration: underline;
}
.d-icon {
margin-right: 0.33em;
font-size: 0.9em;
}
&.require-software-refresh {
visibility: visible;
overflow: hidden;
max-height: 300px;
margin-left: auto;
margin-right: auto;
}
}