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 committed Nov 5, 2024
1 parent c974fe0 commit f3a5601
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 f3a5601

Please sign in to comment.