Task 6811 | фикс стилей в выпадающих списках

pull/36/head
parent a61b574967
commit b2c2975247
  1. 15
      wp-content/themes/cosmopet/modules/profile/assets/css/profile.css
  2. 50
      wp-content/themes/cosmopet/templates/profile/profile-base.twig
  3. 2
      wp-content/themes/cosmopet/templates/profile/profile-subs.twig

@ -2946,7 +2946,7 @@ button{
.form-input-list-item__box{ .form-input-list-item__box{
width: 20px; width: 20px;
aspect-ratio: 1; aspect-ratio: 1;
height: 20px;
padding: 2px; padding: 2px;
border-radius: 4px; border-radius: 4px;
@ -3238,3 +3238,16 @@ padding-left: 5px;
font-size: 16px; font-size: 16px;
} }
} }
.form-input-list-item-box__content{
height: 16px;
width: 16px;
position: relative;
}
.form-input-list-item-box__content img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

@ -229,7 +229,7 @@
<input type="radio" required name="activity" value="low" class="v-hidden"> <input type="radio" required name="activity" value="low" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -238,7 +238,7 @@
<input type="radio" required name="activity" value="moderate" class="v-hidden"> <input type="radio" required name="activity" value="moderate" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -247,7 +247,7 @@
<input type="radio" required name="activity" value="high" class="v-hidden"> <input type="radio" required name="activity" value="high" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -267,7 +267,7 @@
<input type="radio" required name="weight" value="below_1_5" class="v-hidden"> <input type="radio" required name="weight" value="below_1_5" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -276,7 +276,7 @@
<input type="radio" required name="weight" value="1_5-3" class="v-hidden"> <input type="radio" required name="weight" value="1_5-3" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -285,7 +285,7 @@
<input type="radio" required name="weight" value="3-5" class="v-hidden"> <input type="radio" required name="weight" value="3-5" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -294,7 +294,7 @@
<input type="radio" required name="weight" value="5-8" class="v-hidden"> <input type="radio" required name="weight" value="5-8" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -303,7 +303,7 @@
<input type="radio" required name="weight" value="8-11" class="v-hidden"> <input type="radio" required name="weight" value="8-11" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -312,7 +312,7 @@
<input type="radio" required name="weight" value="11-15" class="v-hidden"> <input type="radio" required name="weight" value="11-15" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -321,7 +321,7 @@
<input type="radio" required name="weight" value="15-20" class="v-hidden"> <input type="radio" required name="weight" value="15-20" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -330,7 +330,7 @@
<input type="radio" required name="weight" value="20-25" class="v-hidden"> <input type="radio" required name="weight" value="20-25" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -339,7 +339,7 @@
<input type="radio" required name="weight" value="25-35" class="v-hidden"> <input type="radio" required name="weight" value="25-35" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -348,7 +348,7 @@
<input type="radio" required name="weight" value="more_35" class="v-hidden"> <input type="radio" required name="weight" value="more_35" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -424,7 +424,7 @@
<input type="radio" name="month" value="1" class="v-hidden"> <input type="radio" name="month" value="1" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -433,7 +433,7 @@
<input type="radio" name="month" value="2" class="v-hidden"> <input type="radio" name="month" value="2" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -442,7 +442,7 @@
<input type="radio" name="month" value="3" class="v-hidden"> <input type="radio" name="month" value="3" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -451,7 +451,7 @@
<input type="radio" name="month" value="4" class="v-hidden"> <input type="radio" name="month" value="4" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -460,7 +460,7 @@
<input type="radio" name="month" value="5" class="v-hidden"> <input type="radio" name="month" value="5" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -469,7 +469,7 @@
<input type="radio" name="month" value="6" class="v-hidden"> <input type="radio" name="month" value="6" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -478,7 +478,7 @@
<input type="radio" name="month" value="7" class="v-hidden"> <input type="radio" name="month" value="7" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -487,7 +487,7 @@
<input type="radio" name="month" value="8" class="v-hidden"> <input type="radio" name="month" value="8" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -496,7 +496,7 @@
<input type="radio" name="month" value="9" class="v-hidden"> <input type="radio" name="month" value="9" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -505,7 +505,7 @@
<input type="radio" name="month" value="10" class="v-hidden"> <input type="radio" name="month" value="10" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -514,7 +514,7 @@
<input type="radio" name="month" value="11" class="v-hidden"> <input type="radio" name="month" value="11" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>
@ -523,7 +523,7 @@
<input type="radio" name="month" value="12" class="v-hidden"> <input type="radio" name="month" value="12" class="v-hidden">
<div class="form-input-list-item__box"> <div class="form-input-list-item__box">
<div class="form-input-list-item-box__content"> <div class="form-input-list-item-box__content">
<img src="{{ theme.link }}/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg" alt=""> <img src="{{ theme.link }}/static/img/svg/main/arrow-selected-white.svg" alt="">
</div> </div>
</div> </div>
</label> </label>

@ -75,4 +75,4 @@
<p>{{ fn('pll_e', 'У вас нет активных подписок.') }}</p> <p>{{ fn('pll_e', 'У вас нет активных подписок.') }}</p>
{% endfor %} {% endfor %}
</div> </div>
{% endblock %} {% endblock %}

Loading…
Cancel
Save