packages/miew/src/Miew.scss
.miew-canvas > canvas {
display: block;
width: 100%;
height: 100%;
}
.miew-container,
.miew-canvas {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
$dark-gray: rgba(64, 64, 64, 0.75);
$titlebar-color: silver;
$light-color: #ccc;
.miew-message {
// trick for centered error-reporting
background-color: $light-color;
display: table;
width: 100%;
height: 100%;
p {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: large;
}
}
.mode-message {
position: absolute;
top: 10px;
right: 10px;
border-radius: 4px;
color: $titlebar-color;
background-color: $dark-gray;
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: flex-start;
-ms-flex-pack: initial;
justify-content: left;
opacity: 0;
}
.atom-info {
margin: 10px;
text-align: left;
}
.overlay {
pointer-events: none;
}