verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 57 Releases Wiki Activity

first left arrow and las right arrow now hidden

This commit is contained in:
Carlos Jimenez Ruiz 2021-06-02 09:55:29 +02:00
parent 9f00fd11d2
commit 9746da70d7
2 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
front/salix/components/home/home.html
View File

@ -17,27 +17,24 @@
translate-attr="{title: mod.name}" translate-attr="{title: mod.name}"
class="vn-shadow"> class="vn-shadow">
<span> <span>
<div <vn-icon
vn-tooltip="Move left" vn-tooltip="Move left"
class="small-icon" class="small-icon"
ng-class="{hidden: $index === 0}" ng-click="$ctrl.moveModule(mod, $event, 'increase')"
ng-click="$ctrl.moveModule(mod, $event, 'increase')"> icon="arrow_left">
<vn-icon icon="arrow_left"></vn-icon> </vn-icon>
</div> <vn-icon
<div
vn-tooltip="Remove from favorites" vn-tooltip="Remove from favorites"
class="small-icon" class="small-icon"
ng-click="$ctrl.toggleStarredModule(mod, $event)"> ng-click="$ctrl.toggleStarredModule(mod, $event)"
<vn-icon icon="remove_circle"></vn-icon> icon="remove_circle">
</div> </vn-icon>
<div <vn-icon
vn-tooltip="Move right" vn-tooltip="Move right"
class="small-icon" class="small-icon"
ng-class="{hidden: $ctrl.starredCount == $index + 1}" ng-click="$ctrl.moveModule(mod, $event, 'decrease')"
ng-click="$ctrl.moveModule(mod, $event, 'decrease')"> icon="arrow_right">
<vn-icon icon="arrow_right"></vn-icon> </vn-icon>
</div>
in: {{$index}} - pos {{mod.position}}
</span> </span>
<div> <div>
<vn-icon icon="{{::mod.icon || 'photo'}}"></vn-icon> <vn-icon icon="{{::mod.icon || 'photo'}}"></vn-icon>

8
front/salix/components/home/style.scss
View File

@ -52,6 +52,11 @@ vn-home {
max-width: 704px; max-width: 704px;
margin: 0 auto; margin: 0 auto;
& > a:first-child span vn-icon[icon="arrow_left"],
& > a:last-child span vn-icon[icon="arrow_right"] {
visibility: hidden;
}
& > a { & > a {
@extend %clickable-light; @extend %clickable-light;
display: flex; display: flex;
@ -79,9 +84,6 @@ vn-home {
opacity: 1; opacity: 1;
} }
& .hidden {
visibility: hidden;
}
& > div { & > div {
height: 70px; height: 70px;