nextcloud
/
contacts
mirror of https://github.com/nextcloud/contacts
0
0
Fork 0
Code Issues Releases Wiki Activity

Header icons fixes 

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-10-25 08:51:38 +02:00
parent 98371eb2ac
commit 6627127b0c
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
3 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/ContactDetails.scss
View File

@ -71,21 +71,17 @@
position: relative; position: relative;
height: 44px; height: 44px;
width: 44px; width: 44px;
border-radius: 22px;
&.menu-icon--pulse {
margin: 8px;
width: 16px;
height: 16px;
} }
.header-icon {
&[class^='icon-'],
&[class*=' icon-'],
> [class^='icon-'],
> [class*=' icon-'] {
height: 44px; height: 44px;
width: 44px; width: 44px;
padding: 14px; padding: 14px;
border-radius: 22px;
cursor: pointer; cursor: pointer;
&.header-icon--pulse {
margin: 8px;
width: 16px;
height: 16px;
} }
} }
} }

6
src/components/ContactDetails.vue
View File

@ -67,15 +67,15 @@
<!-- actions --> <!-- actions -->
<div id="contact-header-actions"> <div id="contact-header-actions">
<div v-tooltip.bottom="warning" :class="{'icon-loading-small': loadingUpdate, 'menu-icon--pulse icon-error-white': warning}" class="menu-icon" /> <div v-tooltip.bottom="warning" :class="{'icon-loading-small': loadingUpdate, 'header-icon--pulse icon-error-white': warning}" class="header-icon" />
<div v-tooltip="{ <div v-tooltip="{
content: conflict, content: conflict,
show: true, show: true,
trigger: 'manual', trigger: 'manual',
}" v-if="conflict" class="menu-icon menu-icon--pulse icon-history-white" }" v-if="conflict" class="header-icon header-icon--pulse icon-history-white"
@click="refreshContact" /> @click="refreshContact" />
<div class="menu-icon"> <div class="menu-icon">
<div v-click-outside="closeMenu" class="icon-more-white" @click="toggleMenu" /> <div v-click-outside="closeMenu" class="header-icon icon-more-white" @click="toggleMenu" />
<div :class="{ 'open': openedMenu }" class="popovermenu"> <div :class="{ 'open': openedMenu }" class="popovermenu">
<popover-menu :menu="contactActions" /> <popover-menu :menu="contactActions" />
</div> </div>

2
src/views/Contacts.vue
View File

@ -111,7 +111,7 @@ export default {
}, },
// first enabled addressbook of the list // first enabled addressbook of the list
defaultAddressbook() { defaultAddressbook() {
return this.addressbooks.find(addressbook => addressbook.readOnly !== false) return this.addressbooks.find(addressbook => !addressbook.readOnly)
}, },
/** /**