scinote-web/app/assets/stylesheets/experiment/canvas.scss

60 lines
1 KiB
SCSS

// scss-lint:disable SelectorDepth NestingDepth IdSelector
#canvas-container,
#module-archive {
.panel-heading {
padding: 10px 15px 4px;
}
.panel-body {
padding: 6px 15px;
.status-label {
background-color: var(--state-color);
color: $color-white;
display: inline-block;
margin: 3px 0;
max-width: 100%;
overflow: hidden;
padding: 2px 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.panel-footer {
.nav > li > a {
padding: 6px 15px;
}
.btn {
height: 30px;
}
.badge-indicator {
background: $brand-accent;
border-radius: $border-radius-tag;
color: $color-black;
font-size: 10px;
margin-left: -8px;
}
}
}
#canvas-container {
margin: 10px -28px 0;
}
.canvas-preview-img,
.canvas-preview-rect {
border-radius: 4px;
bottom: 16px;
box-shadow: inset 0 0 0 8px $color-white;
display: flex;
height: 80px;
padding: 8px;
position: absolute;
right: 16px;
width: 84px;
z-index: 999999;
}