web.lib.components.extensions-picker.extensions-picker.scss Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of code-quarkus Show documentation
Show all versions of code-quarkus Show documentation
Customize a Web Interface to generate Quarkus starter projects.
@import "../_config.scss";
.extensions-picker {
color: var(--extensionsPickerTextColor);
.button-show-more {
margin-top: 20px;
}
.main-container .extension-list-wrapper {
.extension-category {
border-bottom: 1px solid var(--extensionsPickerCategoryUnderlineColor);
font-weight: bold;
color: var(--extensionsPickerCategoryTextColor);
font-size: 1.1rem;
margin: 10px 0 5px 0;
height: 30px;
}
.extension-category:first-child {
margin: 0 0 5px 0;
}
.extension-row {
color: var(--extensionsPickerTextColor);
&.keyboard-actived {
color: var(--extensionsPickerKeyboardActivedTextColor);
}
.extension-selector {
flex-basis: 30px;
order: 1;
svg {
vertical-align: middle;
}
}
.extension-description {
flex: 1;
order: 4;
line-height: 1.2rem;
flex-basis: 100%;
}
.extension-summary {
flex-basis: 350px;
order: 2;
flex-grow: 1;
flex-basis: calc(100% - 62px);
@media screen and (max-width: $mobileWidth) {
flex-basis: calc(100% - 32px);
}
}
.extension-more {
order: 5;
order: 3;
flex-basis: 32px;
}
&.readonly {
cursor: initial;
}
}
}
.control-container {
position: sticky;
top: 200px;
display: flex;
background-color: var(--mainContainerBg);
z-index: 99;
padding-top: 20px;
@media screen and (max-width: $mobileWidth) {
display: none;
}
h4 {
border-bottom: 1px solid var(--mainContainerTextColor);
font-weight: bold;
margin-top: 40px;
margin-bottom: 20px;
}
.selected-extensions {
flex-grow: 1;
overflow: hidden;
}
.extension-summary {
flex-grow: 1;
}
.extension-list-wrapper {
height: calc(100% - 25px);
overflow-y: auto;
}
}
.main-container {
margin: 0 auto;
padding: 20px 20px 200px;
flex-grow: 1;
overflow: hidden;
@media screen and (max-width: $mobileWidth) {
margin: 5px;
padding: 0px 0px 200px;
}
}
}
© 2015 - 2025 Weber Informatics LLC | Privacy Policy