[ACA-4634] Folder Rules style fix: Edit and Delete Rule buttons disappear if rules have long description or name (#2842)

* [ACS-4146] - unit tests

* [ACS-4146] - removed console.log()

* ACS-3961 - style fixes

* ACS-3961 - removed calculated width
This commit is contained in:
Nikita Maliarchuk 2022-12-11 13:10:15 +01:00 committed by GitHub
parent 86178c3a3a
commit 088eac5a3a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions

View File

@ -51,16 +51,20 @@
z-index: 1; z-index: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: flex-start;
overflow-x: auto;
justify-content: space-between; justify-content: space-between;
padding: 12px 20px; padding: 12px 20px;
border-bottom: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color);
background-color: var(--theme-background-color); background-color: var(--theme-background-color);
column-gap: 20px;
&__title { &__title {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
word-wrap: break-word;
min-width: 100px;
&__name { &__name {
font-size: 1.2em; font-size: 1.2em;

View File

@ -22,12 +22,16 @@
&__name { &__name {
font-size: 1.2em; font-size: 1.2em;
font-weight: bold; font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
} }
} }
&__description { &__description {
font-size: 0.8em; font-size: 0.8em;
font-style: italic; font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
} }
&.selected { &.selected {