CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-02-13 01:02:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Flexbox the preset list items

Browse Source 
Make the category arrow the same color as the content background
Make the preset list item border radius the same for all corners
This commit is contained in:
Quincy Morgan
2019-02-12 16:04:52 -05:00
parent 24341ddb1e
commit d16dd2f182
1 changed files with 23 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
css/80_app.css
View File

@@ -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%;