forked from varyoo/ngTagEditor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ngTagEditor.css
12 lines (12 loc) · 1.42 KB
/
ngTagEditor.css
1
2
3
4
5
6
7
8
9
10
11
12
.tag-editor{display:block;position:relative;margin:5px 0 10px 0;border:1px solid #ccc;border-radius:3px;min-height:40px;overflow:hidden;padding:0 9px;font-size:16px;font-weight:normal;background-color:#fff;color:#000;cursor:text;font-family:sans-serif;font-size:16px;line-height:38px;max-width:100%;}
.tag-draft{}, .tag-suggestions{display:block;}
.tag-editor .tag{display:inline-block;height:24px;margin:0 7px 0 0;background-color:#3F51B5;color:#fff;padding:0 5px;border-radius:2px;font-size:14px;line-height:24px;cursor:default;transition:box-shadow 100ms linear;}
.tag-editor .tag:hover{box-shadow: 0 3px 3px rgba(0,0,0,0.2);}
.tag-editor .tag .remove{margin:0 0 0 5px;font-weight:bold;cursor:pointer;}
.tag-editor .readonly{display:inline-block;height:24px;margin:0 7px 0 0;background-color:black;color:#fff;opacity:0.5;padding:0 5px;border-radius:2px;font-size:14px;line-height:24px;cursor:default;transition:box-shadow 100ms linear;}
.tag-editor .tag-input{display:inline-block;width:auto;height:38px;border:0;margin:0;padding:0;}
.tag-editor .tag-input:focus{box-shadow:none;outline:none;}
.tag-editor.active{border-color:#aaa;}
.tag-editor .tag-suggestions{cursor:auto;}
.tag-editor .tag-suggestions .title{display:block;float:left;height:25px;margin:7px 7px 0 0;background-color:transparent;color:#888;font-weight:bold;padding:0 5px;font-size:14px;line-height:25px;}
.tag-editor .tag-suggestions .tag{cursor:pointer;background-color:#bdbdbd;}