hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fix Cluster Settings style specificity

Browse Source 
Signed-off-by: alexfront <alex.andreev.email@gmail.com>
Signed-off-by: Lauri Nevala <lauri.nevala@gmail.com>
This commit is contained in:
alexfront 2020-08-11 10:26:19 +03:00 committed by Lauri Nevala
parent 631826ac3a
commit 916a101b5e
2 changed files with 85 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

148
src/renderer/components/+cluster-settings/cluster-settings.scss
View File

@ -1,95 +1,97 @@
.ClusterSettings {
grid-template-columns: unset;
padding: 0;
.WizardLayout {
grid-template-columns: unset;
padding: 0;
.head-col {
justify-content: space-between;
.head-col {
justify-content: space-between;
:nth-child(2) {
flex: 1 0 0;
}
a {
text-decoration: none;
color: $grey-600;
}
}
.info-col {
display: none;
}
.content-col {
margin: 0;
padding-top: $padding * 3;
background-color: transparent;
.SubTitle {
text-transform: none;
}
.settings-wrapper {
margin: 0 auto;
width: 60%;
min-width: 570px;
max-width: 1000px;
> div {
margin-top: $margin * 5;
:nth-child(2) {
flex: 1 0 0;
}
.admin-note {
font-size: small;
opacity: 0.5;
margin-left: $margin;
a {
text-decoration: none;
color: $grey-600;
}
}
.info-col {
display: none;
}
.content-col {
margin: 0;
padding-top: $padding * 3;
background-color: transparent;
.SubTitle {
text-transform: none;
}
.button-area {
.settings-wrapper {
margin: 0 auto;
width: 60%;
min-width: 570px;
max-width: 1000px;
> div {
margin-top: $margin * 5;
}
.admin-note {
font-size: small;
opacity: 0.5;
margin-left: $margin;
}
.button-area {
margin-top: $margin * 2;
}
}
.file-loader {
margin-top: $margin * 2;
}
.hint {
font-size: smaller;
opacity: 0.8;
}
p + p, .hint + p {
padding-top: $padding;
}
}
.file-loader {
margin-top: $margin * 2;
}
.status-table {
margin: $margin * 3 0;
.hint {
font-size: smaller;
opacity: 0.8;
}
.Table {
border: 1px solid var(--drawerSubtitleBackground);
border-radius: $radius;
p + p, .hint + p {
padding-top: $padding;
}
}
.TableRow {
&:not(:last-of-type) {
border-bottom: 1px solid var(--drawerSubtitleBackground);
}
.status-table {
margin: $margin * 3 0;
.Table {
border: 1px solid var(--drawerSubtitleBackground);
border-radius: $radius;
.TableRow {
&:not(:last-of-type) {
border-bottom: 1px solid var(--drawerSubtitleBackground);
}
.value {
flex-grow: 2;
color: var(--textColorSecondary);
.value {
flex-grow: 2;
color: var(--textColorSecondary);
}
}
}
}
}
.Input, .Select {
margin-top: 10px;
}
.Input, .Select {
margin-top: 10px;
}
.Select {
&__control {
box-shadow: 0 0 0 1px $borderFaintColor;
.Select {
&__control {
box-shadow: 0 0 0 1px $borderFaintColor;
}
}
}
}

18
src/renderer/components/+cluster-settings/cluster-settings.tsx
View File

@ -30,14 +30,16 @@ export class ClusterSettings extends React.Component {
</>
);
return (
<WizardLayout header={header} className="ClusterSettings">
<div className="settings-wrapper">
<Status cluster={cluster}></Status>
<General cluster={cluster}></General>
<Features cluster={cluster}></Features>
<Removal cluster={cluster}></Removal>
</div>
</WizardLayout>
<div className="ClusterSettings">
<WizardLayout header={header}>
<div className="settings-wrapper">
<Status cluster={cluster}></Status>
<General cluster={cluster}></General>
<Features cluster={cluster}></Features>
<Removal cluster={cluster}></Removal>
</div>
</WizardLayout>
</div>
);
}
}