Taxons: UI WIP.

This commit is contained in:
Molkobain
2018-09-20 10:53:07 +02:00
parent cf07c9f1a2
commit baf4662ed8
2 changed files with 19 additions and 26 deletions

View File

@@ -1963,12 +1963,10 @@ fieldset .details > .field_container {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
border-radius: 2px;
background-image: none;
background-color: #ea7d1e;
color: #fff;
border: none;
background-color: #fff;
background-color: #fdfdfd;
color: #222;
border: 1px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px 1px #f1f1f1;
}
.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_tagset .selectize-control .selectize-input .item .remove {
/* Overloading default theming */
@@ -1981,6 +1979,10 @@ fieldset .details > .field_container {
border: none;
margin-left: 4px;
}
.field_container > div > div.field_value .attribute-edit .field_input_zone.field_input_tagset .selectize-control .selectize-input .item.partial-code {
color: rgba(34, 34, 34, 0.6);
background-color: #eaeaea;
}
.one-col-details .details .field_container.field_small {
/* On a single column, field labels can take more width but they are limited so it doesn't feel weird when all labels are short */
}
@@ -2913,17 +2915,13 @@ table.listResults .originColor {
.menu-icon-select > .ui-menu-item {
padding: 0.3em 3%;
}
.attribute-tagset .attribute-tag, .attribute-tagset-undefined .attribute-tag {
.attribute-tagset .attribute-tag {
display: inline-block;
margin-right: 3px;
padding: 4px 6px;
background-color: #fdfdfd;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.attribute-tagset-undefined .attribute-tag {
color: grey;
font-style: italic;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px 1px #f1f1f1;
}
.selectize-control {
position: static;
@@ -2947,7 +2945,6 @@ table.listResults .originColor {
background-color: grey;
background-image: linear-gradient(to bottom, white, grey);
border-color: darkgray;
font-style: italic;
}
.selectize-control > .selectize-input > .item.partial-code.active {
background-image: linear-gradient(to bottom, grey, darkgrey);

View File

@@ -2287,13 +2287,10 @@ fieldset .details>.field_container {
border-radius: 2px;
background-image: none;
background-color: $combodo-orange;
color: $white;
border: none;
background-color: $white;
background-color: #fdfdfd;
color: $gray-darker;
border: 1px solid $gray-lighter;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgb(241, 241, 241, 0.7);
.remove{
/* Overloading default theming */
@@ -2307,6 +2304,11 @@ fieldset .details>.field_container {
margin-left: 4px;
}
&.partial-code{
color: transparentize($gray-darker, 0.4);
background-color: lighten($gray-lighter, 5%);
}
}
}
}
@@ -3337,18 +3339,13 @@ table.listResults .originColor{
//////////////////////
// Tagset attribute //
// - Readonly (object viewing, objects list)
.attribute-tagset .attribute-tag,
.attribute-tagset-undefined .attribute-tag{
.attribute-tagset .attribute-tag{
display: inline-block;
margin-right: 3px;
padding: 4px 6px;
background-color: #fdfdfd;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.attribute-tagset-undefined .attribute-tag {
color: grey;
font-style: italic;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgb(241, 241, 241, 0.7);
}
// - Edition done in the xxx part
@@ -3381,7 +3378,6 @@ table.listResults .originColor{
background-color: grey;
background-image: linear-gradient(to bottom, white, grey);
border-color: darkgray;
font-style: italic;
}
.selectize-control > .selectize-input > .item.partial-code.active {
background-image: linear-gradient(to bottom, grey, darkgrey);