Skip to content

Commit

Permalink
fix width of configuration menu to avoid it getting too wide when lot…
Browse files Browse the repository at this point in the history
…s of items are selected
  • Loading branch information
jdbocarsly authored and ml-evs committed Nov 5, 2024
1 parent 46ad0e4 commit 13e2705
Showing 1 changed file with 7 additions and 3 deletions.
10 changes: 7 additions & 3 deletions webapp/src/components/ItemGraph.vue
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
<template>
<div v-if="showOptions" class="options">
<div v-if="showOptions" class="options-button">
<button
class="btn btn-default mr-5 mb-2 dropdown-toggle"
@click="optionsDisplayed = !optionsDisplayed"
>
configure
</button>
<div v-show="optionsDisplayed" class="card card-body dropdown-menu">
<div v-show="optionsDisplayed" class="options card card-body dropdown-menu">
<label for="graph-style">Graph layout:</label>
<div id="graph-style" class="btn-group mr-2" role="group">
<button
Expand Down Expand Up @@ -250,12 +250,16 @@ export default {
</script>

<style scoped>
.options {
.options-button {
position: absolute;
z-index: 10;
right: 2rem;
}
.options {
width: 400px;
}
#cy {
width: 100%;
height: 90vh;
Expand Down

0 comments on commit 13e2705

Please sign in to comment.