diff options
| author | srichman333 <sarah_n_richman@brown.edu> | 2023-06-16 22:26:03 -0400 |
|---|---|---|
| committer | srichman333 <sarah_n_richman@brown.edu> | 2023-06-16 22:26:03 -0400 |
| commit | a215f4ceb8200112c596c977621042187f0a2c35 (patch) | |
| tree | 9045f460dde3f7faea95d686c737fd9e982a64ce /src/client/views/DocumentDecorations.scss | |
| parent | 116961977c69b77d7437a1c1b9719fc977060caf (diff) | |
colors
Diffstat (limited to 'src/client/views/DocumentDecorations.scss')
| -rw-r--r-- | src/client/views/DocumentDecorations.scss | 32 |
1 files changed, 18 insertions, 14 deletions
diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss index 4d29427a6..c81c033da 100644 --- a/src/client/views/DocumentDecorations.scss +++ b/src/client/views/DocumentDecorations.scss @@ -221,12 +221,11 @@ $resizeHandler: 8px; pointer-events: auto; overflow: hidden; text-align: center; - width: 100%; - max-width: 120px; + width: 125px; display: flex; - height: 20px; - border-radius: 8px; - border-width: 10px; + height: 21px; + font-size: small; + gap: 2px; opacity: 0.3; &:hover { opacity: 1; @@ -235,33 +234,38 @@ $resizeHandler: 8px; width: calc(100% + 10px); background: grey; color: rgb(71, 71, 71); - border-color: rgb(71, 71, 71); + border-radius: 8px; + border: 2px solid rgb(71, 71, 71); } .documentDecorations-shareEdit, .documentDecorations-shareAdmin{ width: calc(100% + 10px); - background: rgb(235, 235, 145); + background: rgb(254, 254, 199); color: rgb(75, 75, 5); - border-color: rgb(75, 75, 5); + border-radius: 8px; + border: 2px solid rgb(75, 75, 5); } .documentDecorations-shareAugment{ width: calc(100% + 10px); - background: rgb(160, 230, 160); + background: rgb(208, 255, 208); color:rgb(19, 80, 19); - border-color:rgb(19, 80, 19); + border-radius: 8px; + border: 2px solid rgb(19, 80, 19); } .documentDecorations-shareView{ width: calc(100% + 10px); - background: rgb(161, 161, 238); + background: rgb(213, 213, 255); color: rgb(25, 25, 101); - border-color: rgb(25, 25, 101);; + border-radius: 8px; + border: 2px solid rgb(25, 25, 101); } .documentDecorations-shareNot-Shared{ width: calc(100% + 10px); - background: rgb(210, 143, 143); + background: rgb(255, 207, 207); color: rgb(146, 58, 58); - border-color: rgb(146, 58, 58);; + border-radius: 8px; + border: 2px solid rgb(146, 58, 58); } } |