mirror of
https://github.com/cds-astro/aladin-lite.git
synced 2025-12-21 06:52:36 -08:00
Fix css selector
Add a width: 100% to make the selector fits in its parent
This commit is contained in:
@@ -505,12 +505,15 @@
|
|||||||
|
|
||||||
.aladin-form .aladin-form-input {
|
.aladin-form .aladin-form-input {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aladin-form-group > * {
|
||||||
margin-bottom: 0.4rem;
|
margin-bottom: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.aladin-form .aladin-form-input:last-of-type {
|
.aladin-form-group > *:last-of-type {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -527,10 +530,6 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.aladin-form .aladin-form-input > label {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.aladin-form .aladin-form-input .aladin-input {
|
.aladin-form .aladin-form-input .aladin-input {
|
||||||
flex: 2;
|
flex: 2;
|
||||||
}
|
}
|
||||||
@@ -840,13 +839,18 @@
|
|||||||
box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
|
box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
width: 100%;
|
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
/* <option> colors */
|
/* <option> colors */
|
||||||
/* Remove focus outline */
|
/* Remove focus outline */
|
||||||
/* Remove IE arrow */
|
/* Remove IE arrow */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* This is done so that the select shrink to the size of its parent (coupled with flex)
|
||||||
|
otherwise it fits its content options. If those are too big the select can go out of its parent */
|
||||||
|
.aladin-horizontal-list .aladin-input-select {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.aladin-input-select option {
|
.aladin-input-select option {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
background-color: #320a28;
|
background-color: #320a28;
|
||||||
|
|||||||
@@ -279,7 +279,7 @@ import { ActionButton } from "../Widgets/ActionButton.js";
|
|||||||
header: Layout.horizontal([selectorBtn, 'Cone search']),
|
header: Layout.horizontal([selectorBtn, 'Cone search']),
|
||||||
subInputs: [
|
subInputs: [
|
||||||
{
|
{
|
||||||
label: "ra:",
|
label: "RA:",
|
||||||
name: "ra",
|
name: "ra",
|
||||||
type: "text",
|
type: "text",
|
||||||
value: defaultRa,
|
value: defaultRa,
|
||||||
@@ -291,7 +291,7 @@ import { ActionButton } from "../Widgets/ActionButton.js";
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "dec:",
|
label: "Dec:",
|
||||||
name: "dec",
|
name: "dec",
|
||||||
type: "text",
|
type: "text",
|
||||||
value: defaultDec,
|
value: defaultDec,
|
||||||
|
|||||||
Reference in New Issue
Block a user