open-vault/ui/app/styles/components/upgrade-overlay.scss
madalynrose 2b41283a91
UI console (#4631)
* adding columnify and ember-cli-cjs-transform

* add yargs-parser

* remove vendored yargs-parser tokenizer and use cjs transform to import it from actual yargs-parser

* add clear command that clears the log, but maintains history

* make codemirror have no gutter and be auto-height when rendered in the console output log

* add fullscreen command and hook up fullscreen toggle button

* hook up copy button
2018-05-25 16:33:22 -04:00

61 lines
1,007 B
SCSS

.upgrade-overlay {
font-size: 1rem;
opacity: 0;
text-align: left;
transition: opacity $speed-slow;
will-change: opacity;
&.is-animated {
opacity: 1;
}
.modal-background {
background-image: url("/ui/vault-hex.svg"),
linear-gradient(90deg, #191a1c, #1b212d);
opacity: 0.97;
}
.modal-content {
overflow: auto;
overflow-x: hidden;
transform: translateY(20%) scale(0.9);
transition: transform $speed-slow;
will-change: transform;
}
&.is-animated {
.modal-content {
transform: translateY(0) scale(1);
}
}
.upgrade-overlay-title {
border-bottom: 1px solid $grey;
padding-bottom: $size-10;
}
.upgrade-overlay-icon svg {
height: 24px;
width: auto;
}
.columns {
margin-bottom: $size-4;
margin-top: $size-4;
}
.column {
display: flex;
.box {
border-radius: $radius;
box-shadow: inset 0 0 0 1px $grey;
width: 100%;
}
}
li {
list-style: inside disc;
}
}