p5.js-web-editor/client/styles/components/_help-modal.scss
Andrew Nicolaou ae668f681e HTTPS UI switch (#335)
* Checkbox to toggle project's serveSecure flag

This doesn't yet persist or reload the page.

* Help button that shows modal to explain feature

* Extracts protocol redirection to helper

* Returns promise from saveProject() action to allow chaining

* Setting serveSecure flag on project redirects after saving project

* Set serveSecure on Project model in API and client

* Redirect to correct protocol when project is loaded
2017-05-03 11:46:12 -04:00

39 lines
604 B
SCSS

.help-modal {
@extend %modal;
padding: #{20 / $base-font-size}rem;
width: #{500 / $base-font-size}rem;
}
.help-modal__header {
display: flex;
justify-content: space-between;
}
.help-modal__section {
width: 100%;
display: flex;
align-items: center;
padding: #{10 / $base-font-size}rem 0;
// Basic text styles for help body text
ul,
ol {
margin-top: #{5 / $base-font-size}rem;
}
p {
margin-top: #{10 / $base-font-size}rem;
}
li {
list-style: disc inside;
}
}
.help-modal__label {
width: #{86 / $base-font-size}rem;
}
.help-modal__input {
flex: 1;
}