@nextcloud/vue 9.11.0 → 9.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +36 -0
- package/dist/assets/NcAppContent.css +20 -20
- package/dist/assets/NcAppNavigation.css +13 -13
- package/dist/assets/NcAppNavigationItem.css +45 -49
- package/dist/assets/NcAppNavigationList.css +2 -26
- package/dist/assets/NcAppNavigationNewItem.css +0 -4
- package/dist/assets/NcAppNavigationSettings.css +6 -6
- package/dist/assets/NcAppSettingsDialog.css +3 -3
- package/dist/assets/NcAppSettingsShortcutsSection.css +1 -1
- package/dist/assets/NcAppSidebar.css +28 -28
- package/dist/assets/NcAssistantButton.css +9 -9
- package/dist/assets/NcAssistantContent.css +3 -3
- package/dist/assets/NcAssistantIcon.css +4 -4
- package/dist/assets/NcAvatar.css +26 -26
- package/dist/assets/NcBlurHash.css +2 -2
- package/dist/assets/NcDateTimePicker.css +234 -234
- package/dist/assets/NcDialog.css +16 -16
- package/dist/assets/NcFilePicker.css +1 -1
- package/dist/assets/NcFormBox.css +11 -11
- package/dist/assets/NcFormBoxButton.css +2 -2
- package/dist/assets/NcFormBoxItem.css +15 -15
- package/dist/assets/NcFormBoxSwitch.css +2 -2
- package/dist/assets/NcFormGroup.css +7 -7
- package/dist/assets/NcHotkey.css +8 -8
- package/dist/assets/NcHotkeyList.css +2 -2
- package/dist/assets/NcIconToggleSwitch.css +4 -4
- package/dist/assets/NcKbd.css +3 -3
- package/dist/assets/NcModal.css +69 -63
- package/dist/assets/NcPopover.css +16 -16
- package/dist/assets/NcProfileHoverCard.css +82 -59
- package/dist/assets/NcRadioGroup.css +2 -2
- package/dist/assets/NcRadioGroupButton.css +14 -14
- package/dist/assets/NcRichContenteditable.css +17 -17
- package/dist/assets/NcRichText.css +2 -2
- package/dist/assets/NcUploadPicker.css +41 -0
- package/dist/assets/autolink.css +3 -3
- package/dist/chunks/NcActionInput.mjs +2 -2
- package/dist/chunks/NcActions.mjs +2 -2
- package/dist/chunks/NcAppContent.mjs +171 -298
- package/dist/chunks/NcAppContent.mjs.map +1 -1
- package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs +21 -0
- package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs.map +1 -0
- package/dist/chunks/NcAppNavigation.mjs +9 -6
- package/dist/chunks/NcAppNavigation.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationItem.mjs +6 -29
- package/dist/chunks/NcAppNavigationItem.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationList.mjs +8 -138
- package/dist/chunks/NcAppNavigationList.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationNewItem.mjs +1 -1
- package/dist/chunks/NcAppNavigationNewItem.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationSearch.mjs +2 -2
- package/dist/chunks/NcAppNavigationSettings.mjs +8 -8
- package/dist/chunks/NcAppSettingsDialog.mjs +5 -5
- package/dist/chunks/NcAppSettingsShortcutsSection.mjs +3 -3
- package/dist/chunks/NcAppSidebar.mjs +15 -15
- package/dist/chunks/NcAppSidebar.mjs.map +1 -1
- package/dist/chunks/NcAssistantButton.mjs +7 -7
- package/dist/chunks/NcAssistantContent.mjs +3 -3
- package/dist/chunks/NcAssistantIcon.mjs +4 -4
- package/dist/chunks/NcAvatar.mjs +30 -10
- package/dist/chunks/NcAvatar.mjs.map +1 -1
- package/dist/chunks/NcBlurHash.mjs +2 -2
- package/dist/chunks/NcCheckboxRadioSwitch.mjs +1 -1
- package/dist/chunks/NcCollectionList.mjs +3 -3
- package/dist/chunks/NcColorPicker.mjs +2 -2
- package/dist/chunks/NcContent.mjs +2 -2
- package/dist/chunks/NcDashboardWidget.mjs +4 -4
- package/dist/chunks/NcDashboardWidget.mjs.map +1 -1
- package/dist/chunks/NcDateTimePicker.mjs +7 -4
- package/dist/chunks/NcDateTimePicker.mjs.map +1 -1
- package/dist/chunks/NcDateTimePickerNative.mjs +2 -2
- package/dist/chunks/NcDialog.mjs +1 -1
- package/dist/chunks/NcDialog.mjs.map +1 -1
- package/dist/chunks/NcDialogButton.vue_vue_type_script_setup_true_lang.mjs +2 -2
- package/dist/chunks/NcEmojiPicker.mjs +2 -2
- package/dist/chunks/NcFilePicker.mjs +6 -5
- package/dist/chunks/NcFilePicker.mjs.map +1 -1
- package/dist/chunks/NcFormBox.mjs +5 -5
- package/dist/chunks/NcFormBoxButton.mjs +2 -2
- package/dist/chunks/NcFormBoxItem.mjs +8 -8
- package/dist/chunks/NcFormBoxSwitch.mjs +2 -2
- package/dist/chunks/NcFormGroup.mjs +7 -7
- package/dist/chunks/NcHotkey.mjs +4 -4
- package/dist/chunks/NcHotkeyList.mjs +4 -4
- package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
- package/dist/chunks/NcKbd.mjs +4 -4
- package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs +7 -7
- package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs.map +1 -1
- package/dist/chunks/NcModal.mjs +18 -11
- package/dist/chunks/NcModal.mjs.map +1 -1
- package/dist/chunks/NcPasswordField.mjs +2 -2
- package/dist/chunks/NcPopover.mjs +2 -2
- package/dist/chunks/NcProfileHoverCard.mjs +205 -157
- package/dist/chunks/NcProfileHoverCard.mjs.map +1 -1
- package/dist/chunks/NcRadioGroup.mjs +2 -2
- package/dist/chunks/NcRadioGroupButton.mjs +6 -6
- package/dist/chunks/NcReferenceWidget.mjs +2 -2
- package/dist/chunks/NcRelatedResourcesPanel.mjs +4 -4
- package/dist/chunks/NcRichContenteditable.mjs +12 -12
- package/dist/chunks/NcRichText.mjs +3 -3
- package/dist/chunks/NcRichText.mjs.map +1 -1
- package/dist/chunks/NcSettingsSection.mjs +2 -2
- package/dist/chunks/NcSettingsSelectGroup.mjs +2 -2
- package/dist/chunks/NcTextField.vue_vue_type_script_setup_true_lang.mjs +2 -2
- package/dist/chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang.mjs +2 -2
- package/dist/chunks/NcUploadPicker.mjs +269 -0
- package/dist/chunks/NcUploadPicker.mjs.map +1 -0
- package/dist/chunks/NcUserStatusIcon.mjs +2 -2
- package/dist/chunks/_l10n.mjs +91 -89
- package/dist/chunks/_l10n.mjs.map +1 -1
- package/dist/chunks/autolink.mjs +3 -3
- package/dist/chunks/colors.mjs +2 -2
- package/dist/chunks/mdi.mjs +7 -5
- package/dist/chunks/mdi.mjs.map +1 -1
- package/dist/chunks/referencePickerModal.mjs +5 -5
- package/dist/components/NcActionInput/NcActionInput.vue.d.ts +3 -3
- package/dist/components/NcAppContent/NcAppContent.vue.d.ts +77 -149
- package/dist/components/NcAppContent/index.d.ts +5 -0
- package/dist/components/NcAppContentList/NcAppContentList.vue.d.ts +28 -27
- package/dist/components/NcAppContentList/index.d.ts +4 -0
- package/dist/components/NcAppContentList/index.mjs +2 -2
- package/dist/components/NcAppNavigationItem/NcAppNavigationItem.vue.d.ts +0 -4
- package/dist/components/NcAppNavigationList/NcAppNavigationList.vue.d.ts +1 -57
- package/dist/components/NcAvatar/NcAvatar.vue.d.ts +26 -0
- package/dist/components/NcCollectionList/NcCollectionList.vue.d.ts +26 -0
- package/dist/components/NcCollectionList/NcCollectionListItem.vue.d.ts +13 -0
- package/dist/components/NcDashboardWidget/NcDashboardWidget.vue.d.ts +26 -0
- package/dist/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue.d.ts +13 -0
- package/dist/components/NcDateTimePicker/NcDateTimePicker.vue.d.ts +2 -2
- package/dist/components/NcFilePicker/NcFilePicker.vue.d.ts +7 -0
- package/dist/components/NcListItemIcon/NcListItemIcon.vue.d.ts +14 -1
- package/dist/components/NcModal/NcModal.vue.d.ts +3 -0
- package/dist/components/NcProfileHoverCard/NcProfileHoverCard.vue.d.ts +6 -0
- package/dist/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue.d.ts +8 -0
- package/dist/components/NcUploadPicker/NcUploadPicker.vue.d.ts +180 -0
- package/dist/components/NcUploadPicker/index.d.ts +6 -0
- package/dist/components/NcUploadPicker/index.mjs +5 -0
- package/dist/components/NcUploadPicker/index.mjs.map +1 -0
- package/dist/components/index.d.ts +3 -2
- package/dist/composables/useFormatDateTime/index.mjs +2 -2
- package/dist/index.mjs +169 -167
- package/dist/index.mjs.map +1 -1
- package/dist/utils/getAvatarUrl.d.ts +4 -0
- package/package.json +26 -12
- package/dist/chunks/NcAppContentList.mjs +0 -33
- package/dist/chunks/NcAppContentList.mjs.map +0 -1
- package/dist/chunks/highlight.mjs +0 -5
- package/dist/chunks/highlight.mjs.map +0 -1
- package/dist/components/NcAppNavigationList/highlight.d.ts +0 -12
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
/*
|
|
10
10
|
* Ensure proper alignment of the vue material icons
|
|
11
11
|
*/
|
|
12
|
-
._material-design-
|
|
12
|
+
._material-design-icon_gOcTi {
|
|
13
13
|
display: flex;
|
|
14
14
|
align-self: center;
|
|
15
15
|
justify-self: center;
|
|
16
16
|
align-items: center;
|
|
17
17
|
justify-content: center;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._sidebarTabsButton_aa3cA {
|
|
20
20
|
border: none;
|
|
21
21
|
color: var(--color-main-text);
|
|
22
22
|
font-size: var(--default-font-size);
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
gap: var(--default-grid-baseline);
|
|
27
27
|
min-width: var(--default-clickable-area);
|
|
28
28
|
}
|
|
29
|
-
.
|
|
29
|
+
._sidebarTabsButton_aa3cA * {
|
|
30
30
|
cursor: pointer;
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
._sidebarTabsButton_aa3cA:not(._sidebarTabsButton_legacy_3fPRl) {
|
|
33
33
|
position: relative;
|
|
34
34
|
border-radius: var(--border-radius-element);
|
|
35
35
|
background-color: var(--color-main-background);
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
padding-block-end: calc(var(--default-grid-baseline) * 2);
|
|
38
38
|
transition: background-color var(--animation-quick);
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
._sidebarTabsButton_aa3cA:not(._sidebarTabsButton_legacy_3fPRl)::after {
|
|
41
41
|
content: "";
|
|
42
42
|
position: absolute;
|
|
43
43
|
bottom: 0;
|
|
@@ -50,82 +50,82 @@
|
|
|
50
50
|
transform: translateX(-50%);
|
|
51
51
|
transition: width var(--animation-quick), opacity var(--animation-quick);
|
|
52
52
|
}
|
|
53
|
-
.
|
|
53
|
+
._sidebarTabsButton_aa3cA:not(._sidebarTabsButton_legacy_3fPRl):hover {
|
|
54
54
|
background-color: var(--color-background-hover);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
._sidebarTabsButton_aa3cA:not(._sidebarTabsButton_legacy_3fPRl):focus-visible {
|
|
57
57
|
outline: 2px solid var(--color-main-text);
|
|
58
58
|
outline-offset: 2px;
|
|
59
59
|
}
|
|
60
|
-
.
|
|
60
|
+
._sidebarTabsButton_legacy_3fPRl {
|
|
61
61
|
border-bottom: var(--default-grid-baseline) solid transparent !important;
|
|
62
62
|
border-radius: var(--border-radius-small);
|
|
63
63
|
background-color: var(--color-main-background);
|
|
64
64
|
padding: var(--border-radius-small);
|
|
65
65
|
transition: background-color var(--animation-quick), border-bottom-color var(--animation-quick);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
._sidebarTabsButton_legacy_3fPRl:hover {
|
|
68
68
|
background-color: var(--color-background-hover) !important;
|
|
69
69
|
}
|
|
70
|
-
.
|
|
70
|
+
._sidebarTabsButton_legacy_3fPRl:active, ._sidebarTabsButton_legacy_3fPRl:focus {
|
|
71
71
|
background-color: var(--color-main-background) !important;
|
|
72
72
|
}
|
|
73
|
-
.
|
|
73
|
+
._sidebarTabsButton_selected_debVN {
|
|
74
74
|
cursor: default;
|
|
75
75
|
}
|
|
76
|
-
.
|
|
76
|
+
._sidebarTabsButton_selected_debVN * {
|
|
77
77
|
cursor: default;
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
._sidebarTabsButton_aa3cA:not(._sidebarTabsButton_legacy_3fPRl)._sidebarTabsButton_selected_debVN {
|
|
80
80
|
background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
|
|
81
81
|
}
|
|
82
|
-
.
|
|
82
|
+
._sidebarTabsButton_aa3cA:not(._sidebarTabsButton_legacy_3fPRl)._sidebarTabsButton_selected_debVN::after {
|
|
83
83
|
width: 80%;
|
|
84
84
|
opacity: 1;
|
|
85
85
|
}
|
|
86
|
-
.
|
|
86
|
+
._sidebarTabsButton_aa3cA:not(._sidebarTabsButton_legacy_3fPRl)._sidebarTabsButton_selected_debVN:hover {
|
|
87
87
|
background-color: color-mix(in srgb, var(--color-primary-element) 8%, transparent);
|
|
88
88
|
}
|
|
89
|
-
.
|
|
89
|
+
._sidebarTabsButton_animatedHighlight_EJHSj:not(._sidebarTabsButton_legacy_3fPRl) {
|
|
90
90
|
background-color: transparent;
|
|
91
91
|
}
|
|
92
|
-
.
|
|
92
|
+
._sidebarTabsButton_animatedHighlight_EJHSj:not(._sidebarTabsButton_legacy_3fPRl):hover {
|
|
93
93
|
background-color: transparent;
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
._sidebarTabsButton_legacy_3fPRl._sidebarTabsButton_selected_debVN {
|
|
96
96
|
border-bottom-color: var(--color-primary-element) !important;
|
|
97
97
|
border-bottom-left-radius: 0;
|
|
98
98
|
border-bottom-right-radius: 0;
|
|
99
99
|
}
|
|
100
|
-
.
|
|
100
|
+
._sidebarTabsButton_legacy_3fPRl._sidebarTabsButton_selected_debVN:hover {
|
|
101
101
|
background-color: var(--color-primary-element-light-hover) !important;
|
|
102
102
|
color: var(--color-primary-element-light-text) !important;
|
|
103
103
|
}
|
|
104
|
-
.
|
|
104
|
+
._sidebarTabsButton__name_g3K0J {
|
|
105
105
|
font-weight: var(--font-weight-element, normal);
|
|
106
106
|
overflow: hidden;
|
|
107
107
|
text-overflow: ellipsis;
|
|
108
108
|
text-wrap: nowrap;
|
|
109
109
|
}
|
|
110
|
-
.
|
|
110
|
+
._sidebarTabsButton_legacy_3fPRl._sidebarTabsButton_selected_debVN ._sidebarTabsButton__name_g3K0J {
|
|
111
111
|
font-weight: var(--font-weight-element, bold);
|
|
112
112
|
}
|
|
113
|
-
.
|
|
113
|
+
._sidebarTabsButton__icon_T3-X1 {
|
|
114
114
|
display: inline-grid;
|
|
115
115
|
place-items: center;
|
|
116
116
|
}
|
|
117
|
-
.
|
|
117
|
+
._sidebarTabsButton__iconLayer_MCKYo {
|
|
118
118
|
grid-area: 1/1;
|
|
119
119
|
display: inline-flex;
|
|
120
120
|
transition: opacity var(--animation-slow) ease-in-out;
|
|
121
121
|
}
|
|
122
|
-
.
|
|
122
|
+
._sidebarTabsButton__iconLayer_hidden_6R-Pu {
|
|
123
123
|
opacity: 0;
|
|
124
124
|
}
|
|
125
|
-
.
|
|
126
|
-
animation: _sidebar-tab-icon-
|
|
125
|
+
._sidebarTabsButton__icon_pop_EE96A {
|
|
126
|
+
animation: _sidebar-tab-icon-pop_l-b-c var(--animation-slow) ease-in-out;
|
|
127
127
|
}
|
|
128
|
-
@keyframes _sidebar-tab-icon-
|
|
128
|
+
@keyframes _sidebar-tab-icon-pop_l-b-c {
|
|
129
129
|
0% {
|
|
130
130
|
transform: scale(1);
|
|
131
131
|
}
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
transform: scale(1);
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
|
-
.
|
|
139
|
+
._sidebarTabsButton__legacyIcon_uRnaK {
|
|
140
140
|
background-size: 20px;
|
|
141
141
|
display: flex;
|
|
142
142
|
align-items: center;
|
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
/*
|
|
10
10
|
* Ensure proper alignment of the vue material icons
|
|
11
11
|
*/
|
|
12
|
-
._material-design-
|
|
12
|
+
._material-design-icon_RAajF {
|
|
13
13
|
display: flex;
|
|
14
14
|
align-self: center;
|
|
15
15
|
justify-self: center;
|
|
16
16
|
align-items: center;
|
|
17
17
|
justify-content: center;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._assistantButton_MAlvW {
|
|
20
20
|
--assistant-button-color: var(--color-element-assistant, linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));
|
|
21
21
|
--assistant-button-background-color: var(--color-background-assistant, #F6F5FF);
|
|
22
22
|
background-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%));
|
|
@@ -26,28 +26,28 @@
|
|
|
26
26
|
padding-inline: 1px;
|
|
27
27
|
padding-block: 1px 2px;
|
|
28
28
|
}
|
|
29
|
-
.
|
|
29
|
+
._assistantButton_disabled_zSL8G {
|
|
30
30
|
filter: saturate(0.5);
|
|
31
31
|
opacity: 0.5;
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
._assistantButton_primary_YaoxY {
|
|
34
34
|
--assistant-button-color: white;
|
|
35
35
|
--assistant-button-background-color: var(--color-element-assistant,linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));
|
|
36
36
|
}
|
|
37
|
-
.
|
|
38
|
-
.
|
|
37
|
+
._assistantButton_primary_YaoxY ._assistantButton__icon_m-9FR,
|
|
38
|
+
._assistantButton_primary_YaoxY ._assistantButton__text_yfsxX {
|
|
39
39
|
color: white !important;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._assistantButton__button_d54dk {
|
|
42
42
|
--button-size: calc(var(--default-clickable-area) - 3px) !important;
|
|
43
43
|
background-color: var(--assistant-button-background-color) !important;
|
|
44
44
|
background-image: var(--assistant-button-background-color) !important;
|
|
45
45
|
border: none !important;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
._assistantButton__button_d54dk:hover {
|
|
48
48
|
filter: brightness(120%);
|
|
49
49
|
}
|
|
50
|
-
.
|
|
50
|
+
._assistantButton__text_yfsxX {
|
|
51
51
|
background-image: var(--assistant-button-color);
|
|
52
52
|
color: transparent !important;
|
|
53
53
|
background-clip: text;
|
|
@@ -9,19 +9,19 @@
|
|
|
9
9
|
/*
|
|
10
10
|
* Ensure proper alignment of the vue material icons
|
|
11
11
|
*/
|
|
12
|
-
._material-design-
|
|
12
|
+
._material-design-icon_dMR6R {
|
|
13
13
|
display: flex;
|
|
14
14
|
align-self: center;
|
|
15
15
|
justify-self: center;
|
|
16
16
|
align-items: center;
|
|
17
17
|
justify-content: center;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._assistantContent_JQ30Y {
|
|
20
20
|
background-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%));
|
|
21
21
|
border-radius: var(--border-radius-container);
|
|
22
22
|
padding: 2px;
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
._assistantContent__inner_ev6jS {
|
|
25
25
|
background-color: var(--color-background-assistant, #F6F5FF);
|
|
26
26
|
border-radius: calc(var(--border-radius-container) - 1px);
|
|
27
27
|
color: var(--color-main-text);
|
|
@@ -9,24 +9,24 @@
|
|
|
9
9
|
/*
|
|
10
10
|
* Ensure proper alignment of the vue material icons
|
|
11
11
|
*/
|
|
12
|
-
._material-design-
|
|
12
|
+
._material-design-icon_qLhkS {
|
|
13
13
|
display: flex;
|
|
14
14
|
align-self: center;
|
|
15
15
|
justify-self: center;
|
|
16
16
|
align-items: center;
|
|
17
17
|
justify-content: center;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._assistantIcon_1Mv4J {
|
|
20
20
|
display: inline-flex;
|
|
21
21
|
align-items: center;
|
|
22
22
|
justify-content: center;
|
|
23
23
|
}
|
|
24
|
-
.
|
|
24
|
+
._assistantIcon_1Mv4J:not(._assistantIcon_inline_Xk3F1) {
|
|
25
25
|
display: flex;
|
|
26
26
|
min-height: var(--default-clickable-area);
|
|
27
27
|
min-width: var(--default-clickable-area);
|
|
28
28
|
}
|
|
29
|
-
.
|
|
29
|
+
._assistantIcon__svg_sMdnq {
|
|
30
30
|
display: inline-block;
|
|
31
31
|
width: var(--v6629513e);
|
|
32
32
|
height: var(--v6629513e);
|
package/dist/assets/NcAvatar.css
CHANGED
|
@@ -9,83 +9,83 @@
|
|
|
9
9
|
/*
|
|
10
10
|
* Ensure proper alignment of the vue material icons
|
|
11
11
|
*/
|
|
12
|
-
.material-design-icon[data-v-
|
|
12
|
+
.material-design-icon[data-v-b005f1da] {
|
|
13
13
|
display: flex;
|
|
14
14
|
align-self: center;
|
|
15
15
|
justify-self: center;
|
|
16
16
|
align-items: center;
|
|
17
17
|
justify-content: center;
|
|
18
18
|
}
|
|
19
|
-
.avatardiv[data-v-
|
|
19
|
+
.avatardiv[data-v-b005f1da] {
|
|
20
20
|
position: relative;
|
|
21
21
|
display: inline-block;
|
|
22
22
|
width: var(--avatar-size);
|
|
23
23
|
height: var(--avatar-size);
|
|
24
24
|
}
|
|
25
|
-
.avatardiv--unknown[data-v-
|
|
25
|
+
.avatardiv--unknown[data-v-b005f1da] {
|
|
26
26
|
position: relative;
|
|
27
27
|
background-color: var(--color-main-background);
|
|
28
28
|
white-space: normal;
|
|
29
29
|
}
|
|
30
|
-
.avatardiv[data-v-
|
|
30
|
+
.avatardiv[data-v-b005f1da]:not(.avatardiv--unknown) {
|
|
31
31
|
background-color: var(--color-main-background) !important;
|
|
32
32
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
|
|
33
33
|
}
|
|
34
|
-
.avatardiv--with-menu[data-v-
|
|
34
|
+
.avatardiv--with-menu[data-v-b005f1da] {
|
|
35
35
|
cursor: pointer;
|
|
36
36
|
position: relative;
|
|
37
37
|
}
|
|
38
|
-
.avatardiv--with-legacy-menu .action-item[data-v-
|
|
38
|
+
.avatardiv--with-legacy-menu .action-item[data-v-b005f1da] {
|
|
39
39
|
position: absolute;
|
|
40
40
|
top: 0;
|
|
41
41
|
inset-inline-start: 0;
|
|
42
42
|
}
|
|
43
|
-
.avatardiv--with-legacy-menu[data-v-
|
|
43
|
+
.avatardiv--with-legacy-menu[data-v-b005f1da] .action-item__menutoggle {
|
|
44
44
|
cursor: pointer;
|
|
45
45
|
opacity: 0;
|
|
46
46
|
}
|
|
47
|
-
.avatardiv--with-legacy-menu[data-v-
|
|
47
|
+
.avatardiv--with-legacy-menu[data-v-b005f1da]:focus-within .action-item__menutoggle, .avatardiv--with-legacy-menu[data-v-b005f1da]:hover .action-item__menutoggle, .avatardiv--with-legacy-menu.avatardiv--with-menu-loading[data-v-b005f1da] .action-item__menutoggle {
|
|
48
48
|
opacity: 1;
|
|
49
49
|
}
|
|
50
|
-
.avatardiv--with-legacy-menu:focus-within img[data-v-
|
|
50
|
+
.avatardiv--with-legacy-menu:focus-within img[data-v-b005f1da], .avatardiv--with-legacy-menu:hover img[data-v-b005f1da], .avatardiv--with-legacy-menu.avatardiv--with-menu-loading img[data-v-b005f1da] {
|
|
51
51
|
opacity: 0.3;
|
|
52
52
|
}
|
|
53
|
-
.avatardiv--with-legacy-menu[data-v-
|
|
54
|
-
.avatardiv--with-legacy-menu img[data-v-
|
|
53
|
+
.avatardiv--with-legacy-menu[data-v-b005f1da] .action-item__menutoggle,
|
|
54
|
+
.avatardiv--with-legacy-menu img[data-v-b005f1da] {
|
|
55
55
|
transition: opacity var(--animation-quick);
|
|
56
56
|
}
|
|
57
|
-
.avatardiv--with-legacy-menu[data-v-
|
|
58
|
-
.avatardiv--with-legacy-menu[data-v-
|
|
57
|
+
.avatardiv--with-legacy-menu[data-v-b005f1da] .button-vue,
|
|
58
|
+
.avatardiv--with-legacy-menu[data-v-b005f1da] .button-vue__icon {
|
|
59
59
|
height: var(--avatar-size);
|
|
60
60
|
min-height: var(--avatar-size);
|
|
61
61
|
width: var(--avatar-size) !important;
|
|
62
62
|
min-width: var(--avatar-size);
|
|
63
63
|
}
|
|
64
|
-
.avatardiv--with-legacy-menu[data-v-
|
|
64
|
+
.avatardiv--with-legacy-menu[data-v-b005f1da] > .button-vue, .avatardiv--with-legacy-menu[data-v-b005f1da] > .action-item .button-vue {
|
|
65
65
|
--button-radius: calc(var(--avatar-size) / 2);
|
|
66
66
|
}
|
|
67
|
-
.avatardiv .avatar-profile-popover[data-v-
|
|
67
|
+
.avatardiv .avatar-profile-popover[data-v-b005f1da] {
|
|
68
68
|
position: absolute;
|
|
69
69
|
inset: 0;
|
|
70
70
|
width: 100%;
|
|
71
71
|
height: 100%;
|
|
72
72
|
z-index: 1;
|
|
73
73
|
}
|
|
74
|
-
.avatardiv .avatar-profile-popover__trigger[data-v-
|
|
74
|
+
.avatardiv .avatar-profile-popover__trigger[data-v-b005f1da] {
|
|
75
75
|
display: block;
|
|
76
76
|
width: 100%;
|
|
77
77
|
height: 100%;
|
|
78
78
|
border-radius: inherit;
|
|
79
79
|
outline: none;
|
|
80
80
|
}
|
|
81
|
-
.avatardiv .avatardiv__initials-wrapper[data-v-
|
|
81
|
+
.avatardiv .avatardiv__initials-wrapper[data-v-b005f1da] {
|
|
82
82
|
display: block;
|
|
83
83
|
height: var(--avatar-size);
|
|
84
84
|
width: var(--avatar-size);
|
|
85
85
|
background-color: var(--color-main-background);
|
|
86
86
|
border-radius: calc(var(--avatar-size) / 2);
|
|
87
87
|
}
|
|
88
|
-
.avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-
|
|
88
|
+
.avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-b005f1da] {
|
|
89
89
|
position: absolute;
|
|
90
90
|
top: 0;
|
|
91
91
|
inset-inline-start: 0;
|
|
@@ -94,16 +94,16 @@
|
|
|
94
94
|
text-align: center;
|
|
95
95
|
font-weight: var(--font-weight-default, normal);
|
|
96
96
|
}
|
|
97
|
-
.avatardiv img[data-v-
|
|
97
|
+
.avatardiv img[data-v-b005f1da] {
|
|
98
98
|
width: 100%;
|
|
99
99
|
height: 100%;
|
|
100
100
|
object-fit: cover;
|
|
101
101
|
}
|
|
102
|
-
.avatardiv .material-design-icon[data-v-
|
|
102
|
+
.avatardiv .material-design-icon[data-v-b005f1da] {
|
|
103
103
|
width: var(--avatar-size);
|
|
104
104
|
height: var(--avatar-size);
|
|
105
105
|
}
|
|
106
|
-
.avatardiv .avatardiv__user-status[data-v-
|
|
106
|
+
.avatardiv .avatardiv__user-status[data-v-b005f1da] {
|
|
107
107
|
--avatar-status-size-orbital: calc(var(--avatar-size) * (1 - 1 / sqrt(2)));
|
|
108
108
|
--avatar-status-size-min: var(--font-size-small);
|
|
109
109
|
--avatar-status-size: max(var(--avatar-status-size-orbital), var(--avatar-status-size-min));
|
|
@@ -124,23 +124,23 @@
|
|
|
124
124
|
align-items: center;
|
|
125
125
|
justify-content: center;
|
|
126
126
|
}
|
|
127
|
-
.acli:hover .avatardiv .avatardiv__user-status[data-v-
|
|
127
|
+
.acli:hover .avatardiv .avatardiv__user-status[data-v-b005f1da] {
|
|
128
128
|
border-color: var(--color-background-hover);
|
|
129
129
|
background-color: var(--color-background-hover);
|
|
130
130
|
}
|
|
131
|
-
.acli.active .avatardiv .avatardiv__user-status[data-v-
|
|
131
|
+
.acli.active .avatardiv .avatardiv__user-status[data-v-b005f1da] {
|
|
132
132
|
border-color: var(--color-primary-element-light);
|
|
133
133
|
background-color: var(--color-primary-element-light);
|
|
134
134
|
}
|
|
135
|
-
.avatardiv .avatardiv__user-status--icon[data-v-
|
|
135
|
+
.avatardiv .avatardiv__user-status--icon[data-v-b005f1da] {
|
|
136
136
|
border: none;
|
|
137
137
|
background-color: transparent;
|
|
138
138
|
}
|
|
139
|
-
.avatardiv .popovermenu-wrapper[data-v-
|
|
139
|
+
.avatardiv .popovermenu-wrapper[data-v-b005f1da] {
|
|
140
140
|
position: relative;
|
|
141
141
|
display: inline-block;
|
|
142
142
|
}
|
|
143
|
-
.avatar-class-icon[data-v-
|
|
143
|
+
.avatar-class-icon[data-v-b005f1da] {
|
|
144
144
|
display: block;
|
|
145
145
|
border-radius: calc(var(--avatar-size) / 2);
|
|
146
146
|
background-color: var(--color-background-darker);
|