Remove unnecessary float styles and cleanup CSS in the preset list

This commit is contained in:
Quincy Morgan
2019-02-12 16:29:52 -05:00
parent d16dd2f182
commit 5e586419fa
2 changed files with 14 additions and 9 deletions

View File

@@ -919,9 +919,12 @@ a.hide-toggle {
border-bottom: 1px solid #ccc;
}
.preset-list-item {
margin-bottom: 10px;
}
.preset-list-button-wrap {
position: relative;
margin-bottom: 10px;
height: 60px;
display: flex;
}
@@ -1152,13 +1155,16 @@ img.tag-reference-wiki-image {
}
.subgrid .preset-list {
padding: 10px 10px 0 10px;
padding: 10px;
margin-top: 0;
border: 0;
border-radius: 8px;
width: -webkit-calc(100% + 20px);
margin-left: -10px;
}
.subgrid .preset-list > *:last-child {
margin-bottom: 0;
}
.subgrid .arrow {
border: solid rgba(0, 0, 0, 0);
@@ -1168,7 +1174,6 @@ img.tag-reference-wiki-image {
height: 0;
margin-left: 50%;
margin-left: -webkit-calc(50% - 10px);
margin-top: -10px;
}
@@ -1208,7 +1213,7 @@ img.tag-reference-wiki-image {
.preset-editor .form-fields-container:empty {
display: none;
}
.entity-editor-pane .preset-list-item .preset-list-button-wrap {
.entity-editor-pane .preset-list-item {
margin-bottom: 0;
}

View File

@@ -254,7 +254,7 @@ export function uiPresetList(context) {
function item(selection) {
var wrap = selection.append('div')
.attr('class', 'preset-list-button-wrap category col12');
.attr('class', 'preset-list-button-wrap category');
function click() {
var isExpanded = d3_select(this).classed('expanded');
@@ -313,7 +313,7 @@ export function uiPresetList(context) {
.html(function() { return preset.name() + '…'; });
box = selection.append('div')
.attr('class', 'subgrid col12')
.attr('class', 'subgrid')
.style('max-height', '0px')
.style('opacity', 0);
@@ -321,7 +321,7 @@ export function uiPresetList(context) {
.attr('class', 'arrow');
sublist = box.append('div')
.attr('class', 'preset-list fillL3 cf fl');
.attr('class', 'preset-list fillL3');
}
@@ -342,7 +342,7 @@ export function uiPresetList(context) {
.duration(200)
.style('opacity', '1')
.style('max-height', 200 + preset.members.collection.length * 190 + 'px')
.style('padding-bottom', '20px');
.style('padding-bottom', '10px');
}
};
@@ -354,7 +354,7 @@ export function uiPresetList(context) {
function PresetItem(preset) {
function item(selection) {
var wrap = selection.append('div')
.attr('class', 'preset-list-button-wrap col12');
.attr('class', 'preset-list-button-wrap');
var button = wrap.append('button')
.attr('class', 'preset-list-button')