Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

integrations: Re-add bootstrap CSS for search input. 

This commit re-adds bootstrap CSS for search input in
integrations page using a more specific selector in
integrations.css. We also change the selector to use
a class name instead of "input".

This is a prep commit for removing bootstrap CSS for text type
inputs.
This commit is contained in:
Sahil Batra 2023-06-20 17:32:47 +05:30 committed by Tim Abbott
parent ec2826188b
commit 87fd7b3810
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/zerver/integrations/index.html
View File

@ -37,7 +37,7 @@
<div class="searchbar">
<div class="searchbar-reset">
<i class="fa fa-search" aria-hidden="true"></i>
<input type="text" placeholder="{{ _('Search integrations') }}"/>
<input type="text" class="search_input" placeholder="{{ _('Search integrations') }}"/>
</div>
</div>
</div>

6
web/styles/portico/integrations.css
View File

@ -108,7 +108,7 @@ $category-text: hsl(219deg 23% 33%);
.searchbar-reset {
position: relative;
& input {
.search_input {
box-shadow: 0 0 7px 2px hsl(0deg 0% 0% / 3%);
font-size: 1em;
@ -120,9 +120,13 @@ $category-text: hsl(219deg 23% 33%);
border-radius: 40px;
border: 1px solid $light-blue-border;
display: block;
color: hsl(0deg 0% 33%);
margin-bottom: 10px;
transition: border linear 0.2s, box-shadow linear 0.2s;
&:focus {
border: 1px solid $border-green;
outline: 0;
}
@media (width <= 768px) {