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">
<div class="searchbar-reset"> <div class="searchbar-reset">
<i class="fa fa-search" aria-hidden="true"></i> <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> </div>
</div> </div>

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

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