diff --git a/css/80_app.css b/css/80_app.css index 60ccb029d..d3344ef55 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -923,6 +923,7 @@ a.hide-toggle { position: relative; margin-bottom: 10px; height: 60px; + display: flex; } .preset-list-button { @@ -931,6 +932,14 @@ a.hide-toggle { position: relative; border: 1px solid #ccc; } +[dir='ltr'] .preset-list-button-wrap:not(.category) .preset-list-button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +[dir='rtl'] .preset-list-button-wrap:not(.category) .preset-list-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} .preset-list.filtered .preset-list-item:first-child .preset-list-button { background: #ececec; @@ -1055,7 +1064,6 @@ a.hide-toggle { padding: 5px 10px; left: 60px; border-left: 1px solid rgba(0, 0, 0, .1); - border-radius: 0 3px 3px 0; } [dir='rtl'] .preset-list-button .label { text-align: right; @@ -1063,7 +1071,12 @@ a.hide-toggle { right: 60px; border-left: none; border-right: 1px solid rgba(0, 0, 0, .1); - border-radius: 3px 0 0 3px; +} +[dir='ltr'] .category .preset-list-button .label { + border-radius: 0px 4px 4px 0px; +} +[dir='rtl'] .category .preset-list-button .label { + border-radius: 4px 0px 0px 4px; } .preset-list-button .label-inner { @@ -1074,11 +1087,6 @@ a.hide-toggle { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; - padding-right: 30px; -} -[dir='rtl'] .preset-list-button .label-inner .namepart { - padding-right: 0; - padding-left: 30px; } .preset-list-button:hover .label, @@ -1091,17 +1099,16 @@ a.hide-toggle { .preset-list-item button.tag-reference-button { height: 100%; border: 1px solid #ccc; - border-radius: 0 3px 3px 0; - position: absolute; - top: 0; - right: 0; - width: 32px; + flex: 32px; background: #f6f6f6; } +[dir='ltr'] .preset-list-item button.tag-reference-button { + border-left: none; + border-radius: 0 4px 4px 0; +} [dir='rtl'] .preset-list-item button.tag-reference-button { - left: 0; - right: auto; - border-radius: 3px 0 0 3px; + border-right: none; + border-radius: 4px 0 0 4px; } .preset-list-item button.tag-reference-button:hover { @@ -1156,7 +1163,7 @@ img.tag-reference-wiki-image { .subgrid .arrow { border: solid rgba(0, 0, 0, 0); border-width: 10px; - border-bottom-color: #f1f1f1; + border-bottom-color: #ececec; width: 0; height: 0; margin-left: 50%;