upgrade: Add bootstrap CSS rules for org type select element.

This commit adds bootstrap CSS rules used for org type select
element in sponsorship page in billing.css.

This change is done so we can safely remove select CSS rules
from bootstrap.css as a part of our process to remove bootstrap.

We also remove inline style for this element and instead add
it with other CSS in billing.css.
This commit is contained in:
Sahil Batra 2022-12-21 20:08:23 +05:30 committed by Tim Abbott
parent 6de03c415c
commit 4be60fa1ba
2 changed files with 14 additions and 1 deletions

View File

@ -361,4 +361,17 @@ input[name="licenses"] {
} }
} }
} }
select {
height: 30px;
width: 100%;
padding: 4px 6px;
font-size: 14px;
color: hsl(0, 0%, 33%);
border-radius: 4px;
border: 1px solid hsl(0, 0%, 80%);
margin-bottom: 10px;
cursor: pointer;
background-color: hsl(0, 0%, 100%);
}
} }

View File

@ -248,7 +248,7 @@
<label> <label>
<h4>Organization type</h4> <h4>Organization type</h4>
</label> </label>
<select name="organization-type" style="width: 100%;"> <select name="organization-type">
{% for org_type in sorted_org_types %} {% for org_type in sorted_org_types %}
{% if not org_type[1].hidden %} {% if not org_type[1].hidden %}
<option data-string-value="{{ org_type[0] }}" <option data-string-value="{{ org_type[0] }}"