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

activity: Re-add bootstrap CSS for inputs in realm details page. 

This commit re-adds bootstrap CSS for text inputs in realm details
page by using a more specific selector in activity.css. The CSS
added for search input includes bootstrap CSS applied using
".search-query" and "input[type="text"]" selectors.

We remove the CSS for search-query CSS from bootstrap.css
as the search element in app navbar already overrides the
bootstrap CSS.

This is a prep commit for removing bootstrap CSS for text type
inputs.
This commit is contained in:
Sahil Batra 2023-06-20 17:04:41 +05:30 committed by Tim Abbott
parent f122c05b9c
commit 0454be5d26
2 changed files with 28 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
web/styles/portico/activity.css
View File

@ -75,6 +75,20 @@ tr.admin td:first-child {
& input {
width: 206px;
padding: 4px 6px;
border-radius: 4px;
border: 1px solid hsl(0deg 0% 80%);
color: hsl(0deg 0% 33%);
margin-bottom: 10px;
transition: border linear 0.2s, box-shadow linear 0.2s;
box-shadow: inset 0 1px 1px hsla(0deg 0% 0% / 7.5%);
&:focus {
border-color: hsl(206deg 80% 62% / 80%);
outline: 0;
box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
0 0 8px hsl(206.494deg 80% 62% / 60%);
}
}
}
@ -92,23 +106,6 @@ tr.admin td:first-child {
.support-discount-form {
position: relative;
top: -50px;
& input {
padding: 4px 6px;
border-radius: 4px;
border: 1px solid hsl(0deg 0% 80%);
color: hsl(0deg 0% 33%);
margin-bottom: 10px;
transition: border linear 0.2s, box-shadow linear 0.2s;
box-shadow: inset 0 1px 1px hsla(0deg 0 0 / 7.5%);
&:focus {
border-color: hsl(206deg 80% 62% / 80%);
outline: 0;
box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
0 0 8px hsl(206.494deg 80% 62% / 60%);
}
}
}
.support-plan-type-form {
@ -164,6 +161,20 @@ tr.admin td:first-child {
.search-query.input-xxlarge {
width: 530px;
padding: 4px 14px;
margin-bottom: 0;
border-radius: 15px;
border: 1px solid hsl(0deg 0% 80%);
box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
transition: border linear 0.2s, box-shadow linear 0.2s;
color: hsl(0deg 0% 33%);
&:focus {
border-color: hsl(206deg 80% 62% / 80%);
outline: 0;
box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
0 0 8px hsl(206.494deg 80% 62% / 60%);
}
}
@media (width <= 767px) {

8
web/third/bootstrap/css/bootstrap.css vendored
View File

@ -540,14 +540,6 @@ input:focus:invalid:focus {
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
input.search-query {
padding-right: 14px;
padding-left: 14px;
margin-bottom: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.form-inline input,
.form-inline .help-inline,
.form-inline .input-append {