From 0ce1588a3f727cf82ac42aa93ec00d6c74ae116b Mon Sep 17 00:00:00 2001
From: elizavetaRa <svillyfly@mail.ru>
Date: Thu, 7 Jul 2022 12:33:23 +0200
Subject: [PATCH 1/3] fix: group avatars by log group names in sidebar

---
 .../atoms/OcAvatarItem/OcAvatarItem.vue       | 28 +++++++++++--------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/atoms/OcAvatarItem/OcAvatarItem.vue b/src/components/atoms/OcAvatarItem/OcAvatarItem.vue
index ff67214f4..e82ca5ec0 100644
--- a/src/components/atoms/OcAvatarItem/OcAvatarItem.vue
+++ b/src/components/atoms/OcAvatarItem/OcAvatarItem.vue
@@ -1,15 +1,21 @@
 <template>
-  <span
-    class="oc-avatar-item"
-    :style="{ backgroundColor: backgroundColor, '--icon-color': iconColor, '--width': avatarWidth }"
-    :aria-label="accessibleLabel === '' ? null : accessibleLabel"
-    :aria-hidden="accessibleLabel === '' ? 'true' : null"
-    :focusable="accessibleLabel === '' ? 'false' : null"
-    :role="accessibleLabel === '' ? null : 'img'"
-    :data-test-item-name="name"
-  >
-    <oc-icon v-if="hasIcon" :name="icon" :size="iconSize" :fill-type="iconFillType" />
-  </span>
+  <div :aria-hidden="true">
+    <span
+      class="oc-avatar-item"
+      :style="{
+        backgroundColor: backgroundColor,
+        '--icon-color': iconColor,
+        '--width': avatarWidth,
+      }"
+      :aria-label="accessibleLabel === '' ? null : accessibleLabel"
+      :aria-hidden="accessibleLabel === '' ? 'true' : null"
+      :focusable="accessibleLabel === '' ? 'false' : null"
+      :role="accessibleLabel === '' ? null : 'img'"
+      :data-test-item-name="name"
+    >
+      <oc-icon v-if="hasIcon" :name="icon" :size="iconSize" :fill-type="iconFillType" />
+    </span>
+  </div>
 </template>
 
 <script>

From 1afddebd559d1c2d9a2e1e09d93cd44a4aba3581 Mon Sep 17 00:00:00 2001
From: elizavetaRa <svillyfly@mail.ru>
Date: Thu, 7 Jul 2022 13:10:01 +0200
Subject: [PATCH 2/3] fix for unit tests

---
 src/components/atoms/OcAvatarItem/OcAvatarItem.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/atoms/OcAvatarItem/OcAvatarItem.vue b/src/components/atoms/OcAvatarItem/OcAvatarItem.vue
index e82ca5ec0..d77bc70ec 100644
--- a/src/components/atoms/OcAvatarItem/OcAvatarItem.vue
+++ b/src/components/atoms/OcAvatarItem/OcAvatarItem.vue
@@ -1,5 +1,11 @@
 <template>
-  <div :aria-hidden="true">
+  <div
+    :data-test-item-name="name"
+    :aria-label="accessibleLabel === '' ? null : accessibleLabel"
+    :aria-hidden="accessibleLabel === '' ? 'true' : null"
+    :focusable="accessibleLabel === '' ? 'false' : null"
+    :role="accessibleLabel === '' ? null : 'img'"
+  >
     <span
       class="oc-avatar-item"
       :style="{
@@ -7,11 +13,6 @@
         '--icon-color': iconColor,
         '--width': avatarWidth,
       }"
-      :aria-label="accessibleLabel === '' ? null : accessibleLabel"
-      :aria-hidden="accessibleLabel === '' ? 'true' : null"
-      :focusable="accessibleLabel === '' ? 'false' : null"
-      :role="accessibleLabel === '' ? null : 'img'"
-      :data-test-item-name="name"
     >
       <oc-icon v-if="hasIcon" :name="icon" :size="iconSize" :fill-type="iconFillType" />
     </span>

From a59cf78605ebd87f867f9c638bfb27a089e3f00e Mon Sep 17 00:00:00 2001
From: elizavetaRa <svillyfly@mail.ru>
Date: Thu, 7 Jul 2022 13:18:59 +0200
Subject: [PATCH 3/3] add changelog

---
 changelog/unreleased/bugfix-oc-avatar-item-width-shrinking | 6 ++++++
 1 file changed, 6 insertions(+)
 create mode 100644 changelog/unreleased/bugfix-oc-avatar-item-width-shrinking

diff --git a/changelog/unreleased/bugfix-oc-avatar-item-width-shrinking b/changelog/unreleased/bugfix-oc-avatar-item-width-shrinking
new file mode 100644
index 000000000..718bae5e0
--- /dev/null
+++ b/changelog/unreleased/bugfix-oc-avatar-item-width-shrinking
@@ -0,0 +1,6 @@
+Bugfix: Remove width shrinking of the ocAvatarItem
+
+We fixed an issue that the width of ocAvatarItem is shrinking in the sidebar of web by longer group names
+
+https://github.com/owncloud/owncloud-design-system/issues/2241
+https://github.com/owncloud/owncloud-design-system/pull/2242