diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-08-20 19:21:07 +0200 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2024-08-29 08:32:48 +0000 |
| commit | 7b048e050132d77fcc270bc6a33ad665fe14da26 (patch) | |
| tree | d5175d9f999ef2650e222b8c00a0d29e327599a3 | |
| parent | c5baf3d7ef2715def79ff7734d505c56bb20012c (diff) | |
| download | nextcloud-server-7b048e050132d77fcc270bc6a33ad665fe14da26.tar.gz nextcloud-server-7b048e050132d77fcc270bc6a33ad665fe14da26.zip | |
fix: Adjust some minor styles issues
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
| -rw-r--r-- | core/src/components/Profile/PrimaryActionButton.vue | 33 | ||||
| -rw-r--r-- | core/src/views/Profile.vue | 5 |
2 files changed, 2 insertions, 36 deletions
diff --git a/core/src/components/Profile/PrimaryActionButton.vue b/core/src/components/Profile/PrimaryActionButton.vue index 636fd9c0ee3..8ec77e88ea2 100644 --- a/core/src/components/Profile/PrimaryActionButton.vue +++ b/core/src/components/Profile/PrimaryActionButton.vue @@ -61,37 +61,4 @@ export default defineComponent({ .icon { filter: var(--primary-invert-if-dark); } - - .profile__primary-action-button { - font-size: var(--default-font-size); - font-weight: bold; - width: 188px; - height: 44px; - padding: 0 16px; - line-height: 44px; - text-align: center; - border-radius: var(--border-radius-pill); - color: var(--color-primary-element-text); - background-color: var(--color-primary-element); - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - - .icon { - display: inline-block; - vertical-align: middle; - margin-bottom: 2px; - margin-inline-end: 4px; - - &.icon-invert { - filter: invert(1); - } - } - - &:hover, - &:focus, - &:active { - background-color: var(--color-primary-element-light); - } - } </style> diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue index efb5095a984..ff9c7957b90 100644 --- a/core/src/views/Profile.vue +++ b/core/src/views/Profile.vue @@ -311,9 +311,8 @@ $content-max-width: 640px; align-self: flex-start; padding-top: 20px; min-width: 220px; - margin: 0; - margin-top: -150px; - margin-inline-end: 20px; + margin-block: -150px 0; + margin-inline: 0 20px; // Specificity hack is needed to override Avatar component styles :deep(.avatar.avatardiv) { |