Lock Patterns dropdown width
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user