Good-Production
/
cosmopet-architecture
6
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

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

Browse Source
pull/36/head
Максим Максимов 2 months ago
parent a61b574967
commit b2c2975247
3 changed files with 40 additions and 27 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 15
      wp-content/themes/cosmopet/modules/profile/assets/css/profile.css
  2. 50
      wp-content/themes/cosmopet/templates/profile/profile-base.twig

15
wp-content/themes/cosmopet/modules/profile/assets/css/profile.css
Unescape View File

@ -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%);
}

50
wp-content/themes/cosmopet/templates/profile/profile-base.twig
Unescape View File

@ -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>

Write Preview
Loading…
Cancel
Save