Lock Patterns dropdown width

This commit is contained in:
dan
2025-12-06 18:56:41 +03:00
parent 99267f781f
commit 2ea0140cf6

View File

@@ -1,5 +1,5 @@
<template> <template>
<b-dropdown no-flip text="Patterns" block variant="dark" class="col-sm-1 mr-0 p-0 patterns-dropdown"> <b-dropdown no-flip text="Patterns" variant="dark" class="patterns-dropdown">
<li role="presentation" style="padding-left: 0.5em; padding-right: 0.5em;"> <li role="presentation" style="padding-left: 0.5em; padding-right: 0.5em;">
<button role="menuitem" type="button" class="btn btn-sm btn-primary btn-block" <button role="menuitem" type="button" class="btn btn-sm btn-primary btn-block"
@click.stop.prevent="showAddPattern"> @click.stop.prevent="showAddPattern">
@@ -197,13 +197,29 @@
font-size: 100%; font-size: 100%;
} }
.patterns-dropdown {
display: inline-flex;
width: 128px !important;
min-width: 128px !important;
max-width: 128px !important;
flex: 0 0 128px !important;
flex-shrink: 0 !important;
box-sizing: border-box;
}
.patterns-dropdown > .btn { .patterns-dropdown > .btn {
font-size: 10.5px; display: inline-flex;
letter-spacing: 0.15px; justify-content: center;
min-width: 115px; align-items: center;
width: 115px; font-size: 9.8px;
max-width: 115px; letter-spacing: 0.05px;
flex: 0 0 115px; min-width: 128px !important;
width: 128px !important;
max-width: 128px !important;
flex: 0 0 128px !important;
padding-left: 8px;
padding-right: 8px;
white-space: nowrap;
} }
</style> </style>
<style> <style>