diff options
| author | Shpuld Shpludson <shp@cock.li> | 2021-03-01 12:12:12 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2021-03-01 12:12:12 +0000 |
| commit | 6d7b5b157b64df5b189dd4e64e382bdda17e8897 (patch) | |
| tree | 4a853bd60ad8aad57887fefd9d69952c82889131 /src/components/popover/popover.vue | |
| parent | a90910be8fb1f3ebde4177fcf08ec5024da44755 (diff) | |
| parent | fc5483f7641f3aa6866fbbd9beaca0139083ee86 (diff) | |
Merge branch 'feat/timeline-quick-settings' into 'develop'
close #1050 - add a quick settings menu to timeline header
Closes #1050
See merge request pleroma/pleroma-fe!1355
Diffstat (limited to 'src/components/popover/popover.vue')
| -rw-r--r-- | src/components/popover/popover.vue | 35 |
1 files changed, 30 insertions, 5 deletions
diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue index bacbc590..2e78a09e 100644 --- a/src/components/popover/popover.vue +++ b/src/components/popover/popover.vue @@ -82,10 +82,9 @@ .dropdown-item { line-height: 21px; - margin-right: 5px; overflow: auto; display: block; - padding: .25rem 1.0rem .25rem 1.5rem; + padding: .5em 0.75em; clear: both; font-weight: 400; text-align: inherit; @@ -101,10 +100,9 @@ --btnText: var(--popoverText, $fallback--text); &-icon { - padding-left: 0.5rem; - svg { - margin-right: 0.25rem; + width: 22px; + margin-right: 0.75rem; color: var(--menuPopoverIcon, $fallback--icon) } } @@ -123,6 +121,33 @@ } } + .menu-checkbox { + display: inline-block; + vertical-align: middle; + min-width: 22px; + max-width: 22px; + min-height: 22px; + max-height: 22px; + line-height: 22px; + text-align: center; + border-radius: 0px; + background-color: $fallback--fg; + background-color: var(--input, $fallback--fg); + box-shadow: 0px 0px 2px black inset; + box-shadow: var(--inputShadow); + margin-right: 0.75em; + + &.menu-checkbox-checked::after { + font-size: 1.25em; + content: '✓'; + } + + &.menu-checkbox-radio::after { + font-size: 2em; + content: '•'; + } + } + } } </style> |