diff options
| author | bobzel <zzzman@gmail.com> | 2025-04-22 10:55:11 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2025-04-22 10:55:11 -0400 |
| commit | c921bdf5c5de876c15d6d6236f90a5febb383fd2 (patch) | |
| tree | cd3ad14ee7893bcc1b93b1dcac73b0daae44f885 /src/client/views/nodes/scrapbook/ScrapbookSlot.scss | |
| parent | e8f1d494d36a5e1f1ee33d59faa4be2559cd752e (diff) | |
| parent | 6afd4147e7063348aa784a6057ca0a19c32a6dc8 (diff) | |
Merge branch 'lanyi-branch' of https://github.com/brown-dash/Dash-Web into lanyi-branch
Diffstat (limited to 'src/client/views/nodes/scrapbook/ScrapbookSlot.scss')
| -rw-r--r-- | src/client/views/nodes/scrapbook/ScrapbookSlot.scss | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/src/client/views/nodes/scrapbook/ScrapbookSlot.scss b/src/client/views/nodes/scrapbook/ScrapbookSlot.scss new file mode 100644 index 000000000..ae647ad36 --- /dev/null +++ b/src/client/views/nodes/scrapbook/ScrapbookSlot.scss @@ -0,0 +1,85 @@ +//IGNORE FOR NOW, CURRENTLY NOT USED IN SCRAPBOOK IMPLEMENTATION +.scrapbook-slot { + position: absolute; + background-color: rgba(245, 245, 245, 0.7); + border: 2px dashed #ccc; + border-radius: 5px; + box-sizing: border-box; + transition: all 0.2s ease; + overflow: hidden; + + &.scrapbook-slot-over { + border-color: #4a90e2; + background-color: rgba(74, 144, 226, 0.1); + } + + &.scrapbook-slot-filled { + border-style: solid; + border-color: rgba(0, 0, 0, 0.1); + background-color: transparent; + + &.scrapbook-slot-over { + border-color: #4a90e2; + background-color: rgba(74, 144, 226, 0.1); + } + } + + .scrapbook-slot-empty { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; + } + + .scrapbook-slot-placeholder { + text-align: center; + color: #888; + } + + .scrapbook-slot-title { + font-weight: bold; + margin-bottom: 5px; + } + + .scrapbook-slot-instruction { + font-size: 0.9em; + font-style: italic; + } + + .scrapbook-slot-content { + width: 100%; + height: 100%; + position: relative; + } + + .scrapbook-slot-controls { + position: absolute; + top: 5px; + right: 5px; + z-index: 10; + opacity: 0; + transition: opacity 0.2s ease; + + .scrapbook-slot-remove-btn { + background-color: rgba(255, 255, 255, 0.8); + border: 1px solid #ccc; + border-radius: 50%; + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + font-size: 10px; + + &:hover { + background-color: rgba(255, 0, 0, 0.1); + } + } + } + + &:hover .scrapbook-slot-controls { + opacity: 1; + } +}
\ No newline at end of file |