diff --git a/site/plugins/admin/assets/scss/admin-light.scss b/site/plugins/admin/assets/scss/admin-light.scss index a715c9c8..f3389654 100644 --- a/site/plugins/admin/assets/scss/admin-light.scss +++ b/site/plugins/admin/assets/scss/admin-light.scss @@ -183,12 +183,12 @@ a { background-color: $navbar-table-background-color-hover; } - > tbody, + > tfoot, > thead, - > tfoot { + > tbody { > tr { - > td, - > th { + > th, + > td { border-color: $border-color; color: $base-font-color; } @@ -688,3 +688,38 @@ ul.messenger-theme-flat .messenger-message-slot.messenger-first.messenger-last . border: 1px solid #ced4da; } +.bootstrap-tagsinput { + background-color: #fff; + border: 1px solid #dbdbdc; + color: #424243; + + border-radius: 4px; + font-size: .875rem; + + padding: 8px 12px; + height: 40px; + box-shadow: none; +} + +.bootstrap-tagsinput .tag [data-role="remove"]:after { + content: "x"; + padding: 3px 5px; + margin-right: -9px; + margin-left: 4px; + color: #424243; + background: #ced4da; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + cursor: pointer; +} + +.bootstrap-tagsinput > input { + border: none; +} + +.bootstrap-tagsinput .tag { + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: .25rem; + padding: 3px 8px 3px 3px; +} diff --git a/site/plugins/admin/assets/scss/objects/container.scss b/site/plugins/admin/assets/scss/objects/container.scss index 387a1019..478b6395 100644 --- a/site/plugins/admin/assets/scss/objects/container.scss +++ b/site/plugins/admin/assets/scss/objects/container.scss @@ -55,9 +55,9 @@ } .bootstrap-tagsinput { - background-color: #fff; - border: 1px solid #dbdbdc; - color: #424243; + background-color: #1b1d23; + border: 1px solid #000; + color: white; border-radius: 4px; font-size: .875rem; @@ -72,8 +72,8 @@ padding: 3px 5px; margin-right: -9px; margin-left: 4px; - color: #424243; - background: #ced4da; + color: #7b838f; + background: #3d424e; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer; @@ -81,11 +81,14 @@ .bootstrap-tagsinput > input { border: none; + background-color: #1b1d23; + color: white; } .bootstrap-tagsinput .tag { - background-color: #e9ecef; - border: 1px solid #ced4da; + color: #7b838f; + background-color: #3a3f4a; + border: 1px solid black; border-radius: .25rem; padding: 3px 8px 3px 3px; }