diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-04-02 11:39:14 +0200 |
---|---|---|
committer | Rigel Kent <sendmemail@rigelk.eu> | 2020-04-02 11:39:14 +0200 |
commit | a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634 (patch) | |
tree | d8b27f30741ae3c9a2a72c68210644c16cd8d9b3 /client/src/app/search/search-filters.component.scss | |
parent | 21973012ab06a93dd901821dbbe078eb793bac4d (diff) | |
download | PeerTube-a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634.tar.gz PeerTube-a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634.tar.zst PeerTube-a6d5ff7604a3c2a94ff8814e2df7ca7bb2b48634.zip |
Use form-control to display box-shadow on form inputs/selects upon focus
Diffstat (limited to 'client/src/app/search/search-filters.component.scss')
-rw-r--r-- | client/src/app/search/search-filters.component.scss | 63 |
1 files changed, 1 insertions, 62 deletions
diff --git a/client/src/app/search/search-filters.component.scss b/client/src/app/search/search-filters.component.scss index 99af2e4c5..edd85bc70 100644 --- a/client/src/app/search/search-filters.component.scss +++ b/client/src/app/search/search-filters.component.scss | |||
@@ -66,65 +66,4 @@ input[type=submit] { | |||
66 | white-space: nowrap; | 66 | white-space: nowrap; |
67 | } | 67 | } |
68 | 68 | ||
69 | ::ng-deep { | 69 | @include ng2-tags |
70 | .ng2-tag-input { | ||
71 | border: none !important; | ||
72 | } | ||
73 | |||
74 | .ng2-tags-container { | ||
75 | display: flex; | ||
76 | align-items: center; | ||
77 | border: 1px solid #C6C6C6; | ||
78 | border-radius: 3px; | ||
79 | padding: 5px !important; | ||
80 | height: max-content; | ||
81 | } | ||
82 | |||
83 | tag-input-form { | ||
84 | input { | ||
85 | height: 30px !important; | ||
86 | font-size: 12px !important; | ||
87 | |||
88 | background-color: var(--mainBackgroundColor) !important; | ||
89 | color: var(--mainForegroundColor) !important; | ||
90 | } | ||
91 | } | ||
92 | |||
93 | tag { | ||
94 | background-color: $grey-background-color !important; | ||
95 | color: #000 !important; | ||
96 | border-radius: 3px !important; | ||
97 | font-size: 12px !important; | ||
98 | height: 30px !important; | ||
99 | line-height: 30px !important; | ||
100 | margin: 0 5px 0 0 !important; | ||
101 | cursor: default !important; | ||
102 | padding: 0 8px 0 10px !important; | ||
103 | |||
104 | div { | ||
105 | height: 100% !important; | ||
106 | } | ||
107 | } | ||
108 | |||
109 | delete-icon { | ||
110 | cursor: pointer !important; | ||
111 | height: auto !important; | ||
112 | vertical-align: middle !important; | ||
113 | padding-left: 6px !important; | ||
114 | |||
115 | svg { | ||
116 | position: relative; | ||
117 | top: -1px; | ||
118 | height: auto !important; | ||
119 | vertical-align: middle !important; | ||
120 | |||
121 | path { | ||
122 | fill: $grey-foreground-color !important; | ||
123 | } | ||
124 | } | ||
125 | |||
126 | &:hover { | ||
127 | transform: none !important; | ||
128 | } | ||
129 | } | ||
130 | } | ||