diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-06-26 23:56:00 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-26 21:56:00 +0000 |
commit | ed0f3d4114417ca2a846be60aef9f1b2369d59ea (patch) | |
tree | ff4fcca5ef255c9f9f24b2db8370f693c72e0154 /src/components/services/tabs | |
parent | fix: bring the draggable area back on MacOS (#372) (diff) | |
download | ferdium-app-ed0f3d4114417ca2a846be60aef9f1b2369d59ea.tar.gz ferdium-app-ed0f3d4114417ca2a846be60aef9f1b2369d59ea.tar.zst ferdium-app-ed0f3d4114417ca2a846be60aef9f1b2369d59ea.zip |
Reduce tab item layout shift (#376)
* fix: tab item alignment
Remove unnecessary span element to make sure tab items are vertically
centered even if service names are hidden.
* fix: prevent active tab item label shift
Signed-off-by: Kristóf Marussy <kristof@marussy.com>
Diffstat (limited to 'src/components/services/tabs')
-rw-r--r-- | src/components/services/tabs/TabItem.js | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/components/services/tabs/TabItem.js b/src/components/services/tabs/TabItem.js index 9df07456c..dd5a80e67 100644 --- a/src/components/services/tabs/TabItem.js +++ b/src/components/services/tabs/TabItem.js | |||
@@ -322,7 +322,7 @@ class TabItem extends Component { | |||
322 | service.isBadgeEnabled | 322 | service.isBadgeEnabled |
323 | ) { | 323 | ) { |
324 | notificationBadge = ( | 324 | notificationBadge = ( |
325 | <span> | 325 | <> |
326 | {service.unreadDirectMessageCount > 0 && ( | 326 | {service.unreadDirectMessageCount > 0 && ( |
327 | <span className="tab-item__message-count"> | 327 | <span className="tab-item__message-count"> |
328 | {service.unreadDirectMessageCount} | 328 | {service.unreadDirectMessageCount} |
@@ -336,7 +336,7 @@ class TabItem extends Component { | |||
336 | {service.isHibernating && ( | 336 | {service.isHibernating && ( |
337 | <span className="tab-item__message-count hibernating">•</span> | 337 | <span className="tab-item__message-count hibernating">•</span> |
338 | )} | 338 | )} |
339 | </span> | 339 | </> |
340 | ); | 340 | ); |
341 | } | 341 | } |
342 | 342 | ||