bellord/kit
1
0
Fork 0
mirror of https://bitbucket.org/bellord13/kit.git synced 2026-11-13 19:06:11 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
bellord
2025-06-30 20:54:42 +03:00
parent 363b7ecf9e
commit 9b7b6645a6
3 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/toolkit/toolkit.css
+7 -8
View File
@@ -806,6 +806,10 @@
.kit-button__icon:empty { .kit-button__icon:empty {
display: none; display: none;
} }
.kit-button__label ~ .kit-button__icon {
margin-right: 0;
margin-left: 0.4em;
}
.kit-button__label { .kit-button__label {
--line-clamp: 1; --line-clamp: 1;
--line-clamp-height: 1em; --line-clamp-height: 1em;
@@ -874,7 +878,8 @@
} }
.kit-button.kit-button--icon { .kit-button.kit-button--icon {
padding: 0 0.75em; padding-left: 0.75em;
padding-right: 0.75em;
flex-shrink: 0; flex-shrink: 0;
justify-content: center; justify-content: center;
} }
@@ -1418,6 +1423,7 @@ select.kit-field__input:disabled ~.kit-field__hr {
order: 110; order: 110;
position: relative; position: relative;
flex: 0 0 auto; flex: 0 0 auto;
padding: 0.2em;
} }
.kit-field__label .kit-field__arrow { .kit-field__label .kit-field__arrow {
position: absolute; position: absolute;
@@ -1438,13 +1444,6 @@ select.kit-field__input:disabled ~.kit-field__hr {
transition: transform .25s cubic-bezier(0.4,0.0,0.2,1), -webkit-transform .25s cubic-bezier(0.4,0.0,0.2,1); transition: transform .25s cubic-bezier(0.4,0.0,0.2,1), -webkit-transform .25s cubic-bezier(0.4,0.0,0.2,1);
} }
.kit-field__arrow-svg { .kit-field__arrow-svg {
position: absolute;
right: 0;
top: calc(50% + 0.01em * 6);
transform: translate(0, -50%);
height: 24px;
width: 100%;
pointer-events: none;
} }
.kit-select--open .kit-field__arrow-half-left .kit-select--open .kit-field__arrow-half-left
{ {
templates/select.php
+7 -2
View File
@@ -117,9 +117,14 @@ foreach ($arParams['OPTIONS'] as $option) {
if($arParams['HINT']){ if($arParams['HINT']){
app()->service()->templater()->render('kit:field/hint', ['TITLE' => $arParams['HINT']]); app()->service()->templater()->render('kit:field/hint', ['TITLE' => $arParams['HINT']]);
}?> }?>
<?if(!$arrowInLabel){?><span class="kit-field__arrow"><?=app()->service()->templater()->get('kit:svg/chevronAnimate')?></span><?}?> <?if(!$arrowInLabel){?><span class="kit-field__arrow kit-icon"><?=app()->service()->templater()->get('kit:svg/chevronAnimate')?></span><?}?>
<span class="kit-field__display"><?=Type\Arr::get($optionSelectedArray, $arParams['OPTIONS_TEXT_KEY'])?:$arParams['PLACEHOLDER']?></span> <span class="kit-field__display"><?=Type\Arr::get($optionSelectedArray, $arParams['OPTIONS_TEXT_KEY'])?:$arParams['PLACEHOLDER']?></span>
<span class="kit-field__label"><?=$arParams['LABEL']?:$arParams['NAME']?:''?><?if($arrowInLabel){?><span class="kit-field__arrow"><?=app()->service()->templater()->get('svg/chevronAnimate')?></span><?}?></span> <span class="kit-field__label"><?php
echo $arParams['LABEL']?:$arParams['NAME']?:'';
if($arrowInLabel){
?><span class="kit-field__arrow kit-icon-line"><?=app()->service()->templater()->get('kit:svg/chevronAnimate')?></span><?php
}
?></span>
<span class="kit-field__error"></span> <span class="kit-field__error"></span>
<span class="kit-field__hr"></span> <span class="kit-field__hr"></span>
<?if($arParams['AREA_LEFT']){?><div class="kit-field__area-left"><?=$arParams['AREA_LEFT']?></div><?}?> <?if($arParams['AREA_LEFT']){?><div class="kit-field__area-left"><?=$arParams['AREA_LEFT']?></div><?}?>
templates/svg/chevronAnimate.php
+1 -1
View File
@@ -1 +1 @@
<svg class="kit-field__arrow-svg" viewBox="0 0 24 24" stroke="currentColor" focusable="false"><g transform="translate(9.7,12) rotate(45)"><path class="kit-field__arrow-half-left" d="M-4.2 0 L4.2 0" stroke-width="2"></path></g><g transform="translate(14.3,12) rotate(-45)"><path class="kit-field__arrow-half-right" d="M-4.2 0 L4.2 0" stroke-width="2"></path></g></svg> <svg class="kit-field__arrow-svg" viewBox="0 0 24 24" stroke="currentColor" focusable="false"><g transform="translate(7.1,12) rotate(45)"><path class="kit-field__arrow-half-left" d="M-8 0 L8 0" stroke-width="2.4"></path></g><g transform="translate(16.8,12) rotate(-45)"><path class="kit-field__arrow-half-right" d="M-8 0 L8 0" stroke-width="2.4"></path></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 367 B

After

Width:  |  Height:  |  Size: 363 B