diff options
Diffstat (limited to 'core/src/views/Profile.vue')
| -rw-r--r-- | core/src/views/Profile.vue | 148 |
1 files changed, 74 insertions, 74 deletions
diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue index f1b3f4e958e..29fa97e6ed6 100644 --- a/core/src/views/Profile.vue +++ b/core/src/views/Profile.vue @@ -47,96 +47,96 @@ <div class="profile__wrapper"> <div class="profile__content"> - <div class="profile__sidebar"> - <NcAvatar class="avatar" - :class="{ interactive: isCurrentUser }" - :user="userId" - :size="180" - :show-user-status="true" - :show-user-status-compact="false" - :disable-menu="true" - :disable-tooltip="true" - :is-no-user="!isUserAvatarVisible" - @click.native.prevent.stop="openStatusModal" /> - - <div class="user-actions"> - <!-- When a tel: URL is opened with target="_blank", a blank new tab is opened which is inconsistent with the handling of other URLs so we set target="_self" for the phone action --> - <PrimaryActionButton v-if="primaryAction" - class="user-actions__primary" - :href="primaryAction.target" - :icon="primaryAction.icon" - :target="primaryAction.id === 'phone' ? '_self' :'_blank'"> - {{ primaryAction.title }} - </PrimaryActionButton> - <div class="user-actions__other"> - <!-- FIXME Remove inline styles after https://github.com/nextcloud/nextcloud-vue/issues/2315 is fixed --> - <NcActions v-for="action in middleActions" - :key="action.id" - :default-icon="action.icon" - style=" + <div class="profile__sidebar"> + <NcAvatar class="avatar" + :class="{ interactive: isCurrentUser }" + :user="userId" + :size="180" + :show-user-status="true" + :show-user-status-compact="false" + :disable-menu="true" + :disable-tooltip="true" + :is-no-user="!isUserAvatarVisible" + @click.native.prevent.stop="openStatusModal" /> + + <div class="user-actions"> + <!-- When a tel: URL is opened with target="_blank", a blank new tab is opened which is inconsistent with the handling of other URLs so we set target="_self" for the phone action --> + <PrimaryActionButton v-if="primaryAction" + class="user-actions__primary" + :href="primaryAction.target" + :icon="primaryAction.icon" + :target="primaryAction.id === 'phone' ? '_self' :'_blank'"> + {{ primaryAction.title }} + </PrimaryActionButton> + <div class="user-actions__other"> + <!-- FIXME Remove inline styles after https://github.com/nextcloud/nextcloud-vue/issues/2315 is fixed --> + <NcActions v-for="action in middleActions" + :key="action.id" + :default-icon="action.icon" + style=" background-position: 14px center; background-size: 16px; background-repeat: no-repeat;" - :style="{ - backgroundImage: `url(${action.icon})`, - ...(colorMainBackground === '#181818' && { filter: 'invert(1)' }) - }"> - <NcActionLink :close-after-click="true" - :icon="action.icon" - :href="action.target" - :target="action.id === 'phone' ? '_self' :'_blank'"> - {{ action.title }} - </NcActionLink> - </NcActions> - <template v-if="otherActions"> - <NcActions :force-menu="true"> - <NcActionLink v-for="action in otherActions" - :key="action.id" - :class="{ 'icon-invert': colorMainBackground === '#181818' }" - :close-after-click="true" + :style="{ + backgroundImage: `url(${action.icon})`, + ...(colorMainBackground === '#181818' && { filter: 'invert(1)' }) + }"> + <NcActionLink :close-after-click="true" :icon="action.icon" :href="action.target" :target="action.id === 'phone' ? '_self' :'_blank'"> {{ action.title }} </NcActionLink> </NcActions> - </template> + <template v-if="otherActions"> + <NcActions :force-menu="true"> + <NcActionLink v-for="action in otherActions" + :key="action.id" + :class="{ 'icon-invert': colorMainBackground === '#181818' }" + :close-after-click="true" + :icon="action.icon" + :href="action.target" + :target="action.id === 'phone' ? '_self' :'_blank'"> + {{ action.title }} + </NcActionLink> + </NcActions> + </template> + </div> </div> </div> - </div> - <div class="profile__blocks"> - <div v-if="organisation || role || address" class="profile__blocks-details"> - <div v-if="organisation || role" class="detail"> - <p>{{ organisation }} <span v-if="organisation && role">•</span> {{ role }}</p> - </div> - <div v-if="address" class="detail"> - <p> - <MapMarkerIcon class="map-icon" - :size="16" /> - {{ address }} - </p> + <div class="profile__blocks"> + <div v-if="organisation || role || address" class="profile__blocks-details"> + <div v-if="organisation || role" class="detail"> + <p>{{ organisation }} <span v-if="organisation && role">•</span> {{ role }}</p> + </div> + <div v-if="address" class="detail"> + <p> + <MapMarkerIcon class="map-icon" + :size="16" /> + {{ address }} + </p> + </div> </div> + <template v-if="headline || biography"> + <div v-if="headline" class="profile__blocks-headline"> + <h3>{{ headline }}</h3> + </div> + <div v-if="biography" class="profile__blocks-biography"> + <p>{{ biography }}</p> + </div> + </template> + <template v-else> + <div class="profile__blocks-empty-info"> + <AccountIcon :size="60" + fill-color="var(--color-text-maxcontrast)" /> + <h3>{{ emptyProfileMessage }}</h3> + <p>{{ t('core', 'The headline and about sections will show up here') }}</p> + </div> + </template> </div> - <template v-if="headline || biography"> - <div v-if="headline" class="profile__blocks-headline"> - <h3>{{ headline }}</h3> - </div> - <div v-if="biography" class="profile__blocks-biography"> - <p>{{ biography }}</p> - </div> - </template> - <template v-else> - <div class="profile__blocks-empty-info"> - <AccountIcon :size="60" - fill-color="var(--color-text-maxcontrast)" /> - <h3>{{ emptyProfileMessage }}</h3> - <p>{{ t('core', 'The headline and about sections will show up here') }}</p> - </div> - </template> </div> </div> - </div> </div> </template> |