archives/trantor
Archived
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add tokenfield tag editor

Browse source
This commit is contained in:
Las Zenow 2021-04-30 13:47:59 +00:00
parent 6a3da59c75
commit 02f711aa97
10 changed files with 148 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

97
css/tokenfield.css Normal file
View file

@ -0,0 +1,97 @@
.tokenfield {
position: relative; }
.tokenfield:before, .tokenfield:after {
content: " ";
display: table; }
.tokenfield:after {
clear: both; }
.tokenfield.tokenfield-mode-tokens {
display: block;
width: 100%;
min-height: 34px;
padding: 6px 12px 0;
font-size: 14px;
line-height: 1.42857;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.tokenfield.tokenfield-mode-tokens:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.tokenfield.tokenfield-mode-tokens::-moz-placeholder {
color: #999;
opacity: 1; }
.tokenfield.tokenfield-mode-tokens:-ms-input-placeholder {
color: #999; }
.tokenfield.tokenfield-mode-tokens::-webkit-input-placeholder {
color: #999; }
.tokenfield.tokenfield-mode-tokens::-ms-expand {
border: 0;
background-color: transparent; }
.tokenfield.tokenfield-mode-tokens[disabled], .tokenfield.tokenfield-mode-tokens[readonly],
fieldset[disabled] .tokenfield.tokenfield-mode-tokens {
background-color: #eeeeee;
opacity: 1; }
.tokenfield.tokenfield-mode-tokens[disabled],
fieldset[disabled] .tokenfield.tokenfield-mode-tokens {
cursor: not-allowed; }
.tokenfield.tokenfield-mode-tokens .focused {
box-shadow: 0 0 0 1px #337ab7 inset; }
.tokenfield.tokenfield-mode-tokens .selected {
background: rgba(0, 0, 0, 0.1); }
.tokenfield .tokenfield-set > ul {
margin: 0;
padding: 0;
list-style-type: none; }
.tokenfield .tokenfield-set > ul > li {
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 0 5px;
border-radius: 4px;
line-height: 1.5;
cursor: pointer;
color: rgba(0, 0, 0, 0.6);
background: rgba(0, 0, 0, 0.08); }
.tokenfield .tokenfield-set > ul > li:hover {
color: black;
background: rgba(0, 0, 0, 0.16); }
.tokenfield .tokenfield-set > ul > li .item-remove {
display: inline-block;
font-weight: bold;
font-size: 0.9285em;
cursor: pointer;
color: rgba(0, 0, 0, 0.4); }
.tokenfield .tokenfield-input {
margin-bottom: 5px;
border: none;
outline: none;
float: left; }
.tokenfield .tokenfield-suggest {
position: absolute;
left: -1px;
top: 100%;
width: 100%;
z-index: 10;
overflow: auto;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-sizing: content-box; }
.tokenfield .tokenfield-suggest > ul {
margin: 0;
padding: 0;
list-style: none; }
.tokenfield .tokenfield-suggest > ul > li {
padding: 6px 10px;
cursor: pointer; }
/*# sourceMappingURL=tokenfield.css.map */