From c2bd726bba32b90ff81ad36b93a294badd52575d Mon Sep 17 00:00:00 2001 From: NicolasRichel Date: Fri, 17 Dec 2021 14:11:19 +0100 Subject: [PATCH] feat(models-manager): add models-manager menu --- .../models/models-manager/ModelsManager.scss | 32 +++++++ .../models/models-manager/ModelsManager.vue | 83 ++++++++++++------- 2 files changed, 87 insertions(+), 28 deletions(-) diff --git a/src/components/specific/models/models-manager/ModelsManager.scss b/src/components/specific/models/models-manager/ModelsManager.scss index b3766a6c1..cd2a421ef 100644 --- a/src/components/specific/models/models-manager/ModelsManager.scss +++ b/src/components/specific/models/models-manager/ModelsManager.scss @@ -46,4 +46,36 @@ color: var(--color-white); } } + + &__menu { + position: relative; + + &__container { + position: absolute; + z-index: 1; + top: 30px; + right: 0; + display: flex; + flex-direction: column; + width: 100px; + padding: calc(var(--spacing-unit) / 2) 0; + box-shadow: var(--box-shadow); + background-color: var(--color-white); + } + + &__item { + display: flex; + align-items: center; + gap: var(--spacing-unit); + padding: calc(var(--spacing-unit) / 2) var(--spacing-unit); + + &.disabled > span { + opacity: 0.6; + } + + &:hover:not(.disabled) { + background-color: var(--color-silver-light); + } + } + } } diff --git a/src/components/specific/models/models-manager/ModelsManager.vue b/src/components/specific/models/models-manager/ModelsManager.vue index a4576d873..f323616d0 100644 --- a/src/components/specific/models/models-manager/ModelsManager.vue +++ b/src/components/specific/models/models-manager/ModelsManager.vue @@ -1,34 +1,55 @@