fix: Design issues after RTL changes (#6718)

This commit is contained in:
Sivin Varghese
2023-03-22 01:55:35 +05:30
committed by GitHub
parent f3aba84063
commit 1dd7cfc25d
2 changed files with 12 additions and 7 deletions

View File

@@ -45,7 +45,6 @@
variant="smooth" variant="smooth"
color-scheme="alert" color-scheme="alert"
icon="delete" icon="delete"
class="delete-custom-view__button"
@click="onClickOpenDeleteFoldersModal" @click="onClickOpenDeleteFoldersModal"
/> />
</div> </div>
@@ -835,17 +834,14 @@ export default {
.filter--actions { .filter--actions {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--space-micro);
} }
.filter__applied { .filter__applied {
padding: 0 0 var(--space-slab) 0 !important; padding-bottom: var(--space-slab) !important;
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
} }
.delete-custom-view__button {
margin-right: var(--space-normal);
}
.tab--chat-type { .tab--chat-type {
padding: 0 var(--space-normal); padding: 0 var(--space-normal);

View File

@@ -3,7 +3,7 @@
<div class="table-actions-wrap"> <div class="table-actions-wrap">
<div class="left-aligned-wrap"> <div class="left-aligned-wrap">
<woot-sidemenu-icon /> <woot-sidemenu-icon />
<h1 class="page-title"> <h1 class="page-title header-title">
{{ headerTitle }} {{ headerTitle }}
</h1> </h1>
</div> </div>
@@ -167,6 +167,15 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
max-width: 100%;
min-width: var(--space-mega);
.header-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0 var(--space-small);
}
} }
.right-aligned-wrap { .right-aligned-wrap {