Setting style of selectize input items like in user popIn (related to #1265)

This commit is contained in:
Matthieu Leproux
2021-05-21 12:42:23 +02:00
parent a69dc82722
commit 2abbce677a
3 changed files with 80 additions and 1 deletions

View File

@@ -807,4 +807,29 @@ UL.thumbnails SPAN.wrap2 {ldelim}
min-width: 500px;
height: 44px;
}
#action_add_tags .item,
#action_add_tags .item.active {
background-image:none;
background-color: #ffa646;
border-color: transparent;
color: black;
border-radius: 20px;
}
#action_add_tags .item .remove,
#action_add_tags .item .remove {
background-color: transparent;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
color: black;
border-left: 1px solid transparent;
}
#action_add_tags .item .remove:hover,
#action_add_tags .item .remove:hover {
background-color: #ff7700;
}
</style>

View File

@@ -121,4 +121,31 @@ jQuery("a.preview-box").colorbox( {
</p>
{/if}
</form>
</form>
<style>
.selectize-input .item,
.selectize-input .item.active {
background-image:none !important;
background-color: #ffa646 !important;
border-color: transparent !important;
color: black !important;
border-radius: 20px !important;
}
.selectize-input .item .remove,
.selectize-input .item .remove {
background-color: transparent !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
color: black !important;
border-left: 1px solid transparent !important;
}
.selectize-input .item .remove:hover,
.selectize-input .item .remove:hover {
background-color: #ff7700 !important;
}
</style>

View File

@@ -199,3 +199,30 @@ $('#action-delete-picture').on('click', function() {
</div>
</form>
<style>
.selectize-input .item,
.selectize-input .item.active {
background-image:none !important;
background-color: #ffa646 !important;
border-color: transparent !important;
color: black !important;
border-radius: 20px !important;
}
.selectize-input .item .remove,
.selectize-input .item .remove {
background-color: transparent !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
color: black !important;
border-left: 1px solid transparent !important;
}
.selectize-input .item .remove:hover,
.selectize-input .item .remove:hover {
background-color: #ff7700 !important;
}
</style>