Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-12 21:10:47 +08:00
Code Packages Activity Actions 7

FEATURE: new {{mini-tag-chooser}} replaces {{tag-chooser}} in composer

Browse source
This commit is contained in:
Joffrey JAFFEUX 2018-02-13 17:23:12 +01:00 • committed by GitHub
parent 0a95d2a21f
commit 6bfc25d895
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 360 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/assets/stylesheets/common/base/compose.scss
View file

@ -221,9 +221,9 @@
flex-basis: 50%;
}

.tag-chooser {
.mini-tag-chooser {
flex: 1 1 25%;
margin: 0 0 5px 10px;
margin: 0 0 5px 5px;
background: $secondary;
@media all and (max-width: 900px) {
margin: 0;

81
app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss Normal file
View file

@ -0,0 +1,81 @@
.select-kit {
&.combo-box {
&.mini-tag-chooser {
margin-bottom: 5px;
margin-left: 5px;

&.is-expanded {
.select-kit-header {
border: 1px solid $tertiary;
-webkit-box-shadow: $tertiary 0 0 6px 0px;
box-shadow: $tertiary 0 0 6px 0px;
}
}

&.no-tags {
.select-kit-header .selected-name {
color: $primary-medium;
}
}

.select-kit-body {
max-width: 500px;
width: 500px;
border: 1px solid $primary-low;
}

.select-kit-filter {
border-top: 0;
}

.select-kit-wrapper {
display: none;
}

.select-kit-row {
&.is-selected {
background: none;
}

&.is-highlighted.is-selected {
background: $tertiary-low;
}

.discourse-tag-count {
margin-left: 5px;
}
}

.select-kit-collection {
.collection-header {
max-height: 125px;
overflow-y: auto;

.selected-tags {
display: flex;
padding: 3px;
flex-wrap: wrap;
border-bottom: 1px solid $primary-low;
}

.selected-tag {
background: $primary-low;
border-radius: 2px;
padding: 2px 4px;
margin: 2px;
border: 0;

&.is-highlighted {
box-shadow: 0 0 2px $danger, 0 1px 0 rgba(0,0,0,0.05);
}

&:before {
content: '\f00d';
font-family: 'FontAwesome';
}
}
}
}
}
}
}