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}"
class="vn-shadow">
<span>
<div
<vn-icon
vn-tooltip="Move left"
class="small-icon"
ng-class="{hidden: $index === 0}"
ng-click="$ctrl.moveModule(mod, $event, 'increase')">
<vn-icon icon="arrow_left"></vn-icon>
</div>
<div
ng-click="$ctrl.moveModule(mod, $event, 'increase')"
icon="arrow_left">
</vn-icon>
<vn-icon
vn-tooltip="Remove from favorites"
class="small-icon"
ng-click="$ctrl.toggleStarredModule(mod, $event)">
<vn-icon icon="remove_circle"></vn-icon>
</div>
<div
ng-click="$ctrl.toggleStarredModule(mod, $event)"
icon="remove_circle">
</vn-icon>
<vn-icon
vn-tooltip="Move right"
class="small-icon"
ng-class="{hidden: $ctrl.starredCount == $index + 1}"
ng-click="$ctrl.moveModule(mod, $event, 'decrease')">
<vn-icon icon="arrow_right"></vn-icon>
</div>
in: {{$index}} - pos {{mod.position}}
ng-click="$ctrl.moveModule(mod, $event, 'decrease')"
icon="arrow_right">
</vn-icon>
</span>
<div>
<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;
margin: 0 auto;
& > a:first-child span vn-icon[icon="arrow_left"],
& > a:last-child span vn-icon[icon="arrow_right"] {
visibility: hidden;
}
& > a {
@extend %clickable-light;
display: flex;
@ -79,9 +84,6 @@ vn-home {
opacity: 1;
}
& .hidden {
visibility: hidden;
}
& > div {
height: 70px;