summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat
-rw-r--r--src/components/AppContent/CircleContent.vue3
-rw-r--r--src/components/AppContent/ContactsContent.vue2
-rw-r--r--src/components/AppNavigation/RootNavigation.vue5
-rw-r--r--src/components/AppNavigation/Settings/SettingsAddressbook.vue11
-rw-r--r--src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue1
-rw-r--r--src/components/AppNavigation/Settings/SettingsNewAddressbook.vue1
-rw-r--r--src/components/CircleDetails.vue1
-rw-r--r--src/components/ContactDetails.vue26
-rw-r--r--src/components/ContactDetails/ContactDetailsAvatar.vue5
-rw-r--r--src/components/DetailsHeader.vue2
-rw-r--r--src/components/EntityPicker/EntityPicker.vue2
-rw-r--r--src/components/EntityPicker/EntitySearchResult.vue2
-rw-r--r--src/components/EntityPicker/NewCircleIntro.vue2
-rw-r--r--src/components/MemberList.vue3
14 files changed, 41 insertions, 25 deletions
diff --git a/src/components/AppContent/CircleContent.vue b/src/components/AppContent/CircleContent.vue
index f6a17273..17825842 100644
--- a/src/components/AppContent/CircleContent.vue
+++ b/src/components/AppContent/CircleContent.vue
@@ -167,7 +167,8 @@ button {
margin-right: 10px;
}
}
+
.empty-content {
- height: 100%;
+ height: 100%;
}
</style>
diff --git a/src/components/AppContent/ContactsContent.vue b/src/components/AppContent/ContactsContent.vue
index 4549f565..1cbf8f56 100644
--- a/src/components/AppContent/ContactsContent.vue
+++ b/src/components/AppContent/ContactsContent.vue
@@ -194,6 +194,6 @@ export default {
</script>
<style lang="scss" scoped>
.empty-content {
- height: 100%;
+ height: 100%;
}
</style>
diff --git a/src/components/AppNavigation/RootNavigation.vue b/src/components/AppNavigation/RootNavigation.vue
index 9f98dfb4..fd082305 100644
--- a/src/components/AppNavigation/RootNavigation.vue
+++ b/src/components/AppNavigation/RootNavigation.vue
@@ -502,13 +502,16 @@ $caption-padding: 22px;
.app-navigation__collapse :deep(a) {
color: var(--color-text-maxcontrast)
}
+
:deep(.settings-button__label) {
opacity: .7;
font-weight: bold;
}
+
.contacts-settings {
- padding: calc(var(--default-grid-baseline, 4px)*2);
+ padding: calc(var(--default-grid-baseline, 4px) * 2);
}
+
.contacts-settings-button {
width: 100%;
justify-content: start !important;
diff --git a/src/components/AppNavigation/Settings/SettingsAddressbook.vue b/src/components/AppNavigation/Settings/SettingsAddressbook.vue
index 1f81fd33..c3483cce 100644
--- a/src/components/AppNavigation/Settings/SettingsAddressbook.vue
+++ b/src/components/AppNavigation/Settings/SettingsAddressbook.vue
@@ -412,6 +412,10 @@ export default {
}
}
&__share {
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+
&--shared {
opacity: .7;
}
@@ -420,6 +424,7 @@ export default {
opacity: .5;
}
}
+
.settings-addressbook-list {
display: flex;
width: 100%;
@@ -427,11 +432,7 @@ export default {
justify-content: flex-start;
}
}
-.addressbook__share {
- background-color: transparent;
- border: none;
- box-shadow: none;
-}
+
.addressbook-shares {
padding-top: 10px;
}
diff --git a/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue b/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue
index 3ab1bcdf..36f2b64c 100644
--- a/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue
+++ b/src/components/AppNavigation/Settings/SettingsAddressbookSharee.vue
@@ -151,6 +151,7 @@ export default {
text-overflow: ellipsis;
width: 107px;
}
+
:deep(.button-vue--vue-secondary) {
background-color: transparent;
border: none;
diff --git a/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue b/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue
index 7360ce51..0398cb5b 100644
--- a/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue
+++ b/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue
@@ -92,6 +92,7 @@ export default {
display: flex;
width: calc(100% - 44px);
}
+
.new-addressbook-entry {
display: flex;
align-items: center;
diff --git a/src/components/CircleDetails.vue b/src/components/CircleDetails.vue
index 0a1090f8..6939e687 100644
--- a/src/components/CircleDetails.vue
+++ b/src/components/CircleDetails.vue
@@ -451,6 +451,7 @@ export default {
width: 24px;
height: 24px;
}
+
.resource {
&__icon {
width: 44px;
diff --git a/src/components/ContactDetails.vue b/src/components/ContactDetails.vue
index 7154b2e0..3a527d2f 100644
--- a/src/components/ContactDetails.vue
+++ b/src/components/ContactDetails.vue
@@ -1071,11 +1071,13 @@ export default {
display: block;
}
}
+
section.contact-details {
display: flex;
flex-direction: column;
gap: 40px;
}
+
.quick-actions {
display: flex;
flex: 1 0 auto;
@@ -1084,14 +1086,15 @@ section.contact-details {
margin-left: 204px;
padding-bottom: 30px;
}
- @media only screen and (max-width: 600px) {
- .quick-actions {
- justify-content: center;
- display: flex;
- margin-top: -44px;
- margin-left: 0;
- }
+@media only screen and (max-width: 600px) {
+ .quick-actions {
+ justify-content: center;
+ display: flex;
+ margin-top: -44px;
+ margin-left: 0;
}
+}
+
#qrcode-modal {
:deep(.modal-container) {
display: flex;
@@ -1102,6 +1105,7 @@ section.contact-details {
}
}
}
+
:deep(.v-select.select) {
min-width: 0;
flex: 1 auto;
@@ -1109,6 +1113,7 @@ section.contact-details {
display: none;
}
}
+
#pick-addressbook-modal {
:deep(.modal-container) {
display: flex;
@@ -1125,14 +1130,17 @@ section.contact-details {
}
}
}
+
.action-item {
background-color: var(--color-primary-element-light);
border-radius: var(--border-radius-rounded);
}
+
:deep(.button-vue--vue-tertiary:hover),
:deep(.button-vue--vue-tertiary:active) {
background-color: var(--color-primary-element-light-hover) !important;
}
+
.related-resources {
display:inline-grid;
margin-top: 88px;
@@ -1149,6 +1157,7 @@ section.contact-details {
margin-top: 40px;
}
}
+
.last-edit {
display: inline-flex;
}
@@ -1160,8 +1169,9 @@ section.contact-details {
}
.address-book {
- min-width: 260px !important;
+ min-width: 260px !important;
}
+
.empty-content {
height: 100%;
}
diff --git a/src/components/ContactDetails/ContactDetailsAvatar.vue b/src/components/ContactDetails/ContactDetailsAvatar.vue
index a519cf38..75987cd4 100644
--- a/src/components/ContactDetails/ContactDetailsAvatar.vue
+++ b/src/components/ContactDetails/ContactDetailsAvatar.vue
@@ -555,13 +555,10 @@ export default {
}
</script>
<style lang="scss" scoped>
-.avatar__container {
- padding: 24px;
-}
-
.avatar {
&__container {
margin: 0 auto;
+ padding: 24px;
display: flex;
flex-direction: column;
justify-content: center;
diff --git a/src/components/DetailsHeader.vue b/src/components/DetailsHeader.vue
index 502e2a28..fb941644 100644
--- a/src/components/DetailsHeader.vue
+++ b/src/components/DetailsHeader.vue
@@ -82,7 +82,7 @@ export default {
</script>
<style lang="scss" scoped>
-@import '../../css/ContactDetailsLayout.scss';
+@import '../../css/ContactDetailsLayout';
$top-padding: 50px;
diff --git a/src/components/EntityPicker/EntityPicker.vue b/src/components/EntityPicker/EntityPicker.vue
index 3be09c5f..aa28b8ff 100644
--- a/src/components/EntityPicker/EntityPicker.vue
+++ b/src/components/EntityPicker/EntityPicker.vue
@@ -375,7 +375,7 @@ export default {
</script>
<style lang="scss" scoped>
-@use "sass:math";
+@use 'sass:math';
// Dialog variables
$dialog-padding: 20px;
diff --git a/src/components/EntityPicker/EntitySearchResult.vue b/src/components/EntityPicker/EntitySearchResult.vue
index cdc4e35c..f7cac04e 100644
--- a/src/components/EntityPicker/EntitySearchResult.vue
+++ b/src/components/EntityPicker/EntitySearchResult.vue
@@ -76,7 +76,7 @@ export default {
</script>
<style lang="scss" scoped>
-@use "sass:math";
+@use 'sass:math';
// https://uxplanet.org/7-rules-for-mobile-ui-button-design-e9cf2ea54556
// recommended is 48px
diff --git a/src/components/EntityPicker/NewCircleIntro.vue b/src/components/EntityPicker/NewCircleIntro.vue
index a0c1126c..34fd8989 100644
--- a/src/components/EntityPicker/NewCircleIntro.vue
+++ b/src/components/EntityPicker/NewCircleIntro.vue
@@ -148,7 +148,7 @@ export default {
</script>
<style lang="scss" scoped>
-@use "sass:math";
+@use 'sass:math';
// Dialog variables
$dialog-padding: 20px;
diff --git a/src/components/MemberList.vue b/src/components/MemberList.vue
index 171d6964..b279ac7c 100644
--- a/src/components/MemberList.vue
+++ b/src/components/MemberList.vue
@@ -339,7 +339,8 @@ export default {
margin: auto;
}
}
+
.empty-content {
- height: 100%;
+ height: 100%;
}
</style>
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-21 18:09:59 +0000