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 sass warnings (#3783)

Browse Source 
* Fix sass warnings

Signed-off-by: Hung-Han (Henry) Chen <chenhungh@gmail.com>

* Add a space

Signed-off-by: Hung-Han (Henry) Chen <chenhungh@gmail.com>

* Update src/renderer/components/input/input.scss

Co-authored-by: Jim Ehrismann <40840436+jim-docker@users.noreply.github.com>
Signed-off-by: Hung-Han (Henry) Chen <chenhungh@gmail.com>

* Response to comments

Signed-off-by: Hung-Han (Henry) Chen <chenhungh@gmail.com>

Co-authored-by: Jim Ehrismann <40840436+jim-docker@users.noreply.github.com>
This commit is contained in:
chh 2021-09-14 10:09:09 +03:00 committed by GitHub
parent 4fa0b8e329
commit 64fb590377
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
32 changed files with 51 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/+apps-helm-charts/helm-charts.scss
View File

@ -57,7 +57,7 @@
visibility: hidden;
border-radius: inherit;
background-color: $helmImgBackground;
padding: $padding / 2;
padding: $padding * 0.5;
&.visible {
visibility: visible;

1
src/renderer/components/+cluster/cluster-issues.scss
View File

@ -44,7 +44,6 @@
.TableCell {
padding-top: 0;
padding-bottom: floor($padding / 1.33);
}
}

2
src/renderer/components/+config-maps/config-map-details.scss
View File

@ -26,7 +26,7 @@
.name {
color: $textColorSecondary;
font-weight: $font-weight-bold;
padding-bottom: $padding / 2;
padding-bottom: $padding * 0.5;
}
}

6
src/renderer/components/+config-resource-quotas/add-quota-dialog.scss
View File

@ -25,7 +25,7 @@
}
.quota-entries {
margin: -$margin / 2;
margin: -$margin * 0.5;
&:empty {
display: none;
@ -35,8 +35,8 @@
--flex-gap: #{$padding};
border: 1px solid $halfGray;
border-radius: $radius;
margin: $margin / 2;
padding: $padding / 2 $padding;
margin: $margin * 0.5;
padding: $padding * 0.5 $padding;
transition: all 150ms ease;
&:hover {

2
src/renderer/components/+config-secrets/add-secret-dialog.scss
View File

@ -35,6 +35,6 @@
display: grid;
grid-template-columns: min-content auto;
align-items: center;
gap: $margin / 2;
gap: $margin * 0.5;
}
}

2
src/renderer/components/+config-secrets/secret-details.scss
View File

@ -26,7 +26,7 @@
.name {
color: $textColorSecondary;
font-weight: $font-weight-bold;
padding-bottom: $padding / 2;
padding-bottom: $padding * 0.5;
}
}

2
src/renderer/components/+events/events.scss
View File

@ -43,7 +43,7 @@
}
.help-icon {
margin-left: $margin / 2;
margin-left: $margin * 0.5;
}
.show-all {

2
src/renderer/components/+namespaces/namespace-select-filter.scss
View File

@ -61,6 +61,6 @@
}
.Icon {
margin-right: $margin / 2;
margin-right: $margin * 0.5;
}
}

2
src/renderer/components/+namespaces/namespace-select.scss
View File

@ -21,7 +21,7 @@
@mixin namespaceSelectCommon {
.Icon {
margin-right: $margin / 2;
margin-right: $margin * 0.5;
}
}

2
src/renderer/components/+preferences/add-helm-repo-dialog.scss
View File

@ -38,6 +38,6 @@
display: grid;
grid-template-columns: min-content auto;
align-items: center;
gap: $margin / 2;
gap: $margin * 0.5;
}
}

2
src/renderer/components/+user-management/+cluster-role-bindings/dialog.scss
View File

@ -1,6 +1,6 @@
.AddClusterRoleBindingDialog {
.Select + .Select {
margin-top: $margin /2;
margin-top: $margin *0.5;
}
.Checkbox {
margin-top: $margin;

2
src/renderer/components/+user-management/+cluster-role-bindings/view.scss
View File

@ -1,6 +1,6 @@
.ClusterRoleBindings {
.help-icon {
margin-left: $margin / 2;
margin-left: $margin * 0.5;
}
.TableCell {

2
src/renderer/components/+user-management/+cluster-roles/view.scss
View File

@ -1,6 +1,6 @@
.ClusterRoles {
.help-icon {
margin-left: $margin / 2;
margin-left: $margin * 0.5;
}
.TableCell {

2
src/renderer/components/+user-management/+role-bindings/dialog.scss
View File

@ -21,7 +21,7 @@
.AddRoleBindingDialog {
.Select + .Select {
margin-top: $margin /2;
margin-top: $margin *0.5;
}
.Checkbox {
margin-top: $margin;

2
src/renderer/components/+user-management/+role-bindings/view.scss
View File

@ -21,7 +21,7 @@
.RoleBindings {
.help-icon {
margin-left: $margin / 2;
margin-left: $margin * 0.5;
}
.TableCell {

2
src/renderer/components/+user-management/+roles/view.scss
View File

@ -21,7 +21,7 @@
.Roles {
.help-icon {
margin-left: $margin / 2;
margin-left: $margin * 0.5;
}
.TableCell {

2
src/renderer/components/+user-management/+service-accounts/secret.scss
View File

@ -55,7 +55,7 @@
.asterisks {
font-size: large;
margin-right: $margin / 2;
margin-right: $margin * 0.5;
line-height: 90%;
}
}

2
src/renderer/components/app.scss
View File

@ -154,7 +154,7 @@ h4 {
h5 {
@extend h4;
padding: $padding / 2 0;
padding: $padding * 0.5 0;
font-size: 16px;
}

4
src/renderer/components/cluster-manager/bottom-bar.scss
View File

@ -20,7 +20,7 @@
*/
.BottomBar {
$spacing: $padding / 2;
$spacing: $padding * 0.5;
--flex-gap: #{$spacing};
background-color: var(--blue);
@ -31,7 +31,7 @@
font-size: var(--font-size-small);
color: white;
.item {
padding: $padding / 4 $padding / 2;
padding: $padding * 0.25 $padding * 0.5;
&:hover {
background-color: #ffffff33;
cursor: pointer;

2
src/renderer/components/drawer/drawer-item.scss
View File

@ -58,7 +58,7 @@
}
&.labelsOnly {
$spacing: $margin / 2;
$spacing: $margin * 0.5;
> .value {
margin: -$spacing;

2
src/renderer/components/icon/icon.scss
View File

@ -123,7 +123,7 @@
color: $textColorAccent;
border-radius: 50%;
box-sizing: content-box;
padding: $padding / 2;
padding: $padding * 0.5;
}
&.active {

9
src/renderer/components/input/input.scss
View File

@ -45,10 +45,9 @@
}
label {
--flex-gap: #{$padding / 1.5};
--flex-gap: $padding * 0.6667;
position: relative;
padding: $padding / 4 * 3 0;
padding: $padding * 0.75 0;
border-bottom: 1px solid $halfGray;
line-height: 1;
@ -102,7 +101,7 @@
.maxLengthIndicator {
text-align: right;
font-size: 80%;
padding: $padding / 3;
padding: $padding * 0.33333;
}
}
@ -119,7 +118,7 @@
border-radius: $radius;
border: 1px solid $halfGray;
color: inherit;
padding: $padding / 4 * 3 $padding / 4 * 3;
padding: $padding * 0.25 * 3 $padding * 0.25 * 3;
&:focus-within {
border-color: $colorInfo;

6
src/renderer/components/item-object-list/page-filters-list.scss
View File

@ -41,12 +41,12 @@
> .header {
--flex-gap: #{$padding};
margin-bottom: $padding / 2;
margin-bottom: $padding * 0.5;
text-transform: uppercase;
}
> .labels {
$gap: $padding / 3;
$gap: $padding * 0.33333;
margin-left: -$gap;
margin-right: -$gap;
@ -54,7 +54,7 @@
--flex-gap: .25em;
display: inline-flex;
margin: $gap;
padding: $padding /3;
padding: $padding * 0.33333;
vertical-align: middle;
overflow: visible;
}

2
src/renderer/components/kube-object-status-icon/kube-object-status-icon.scss
View File

@ -43,7 +43,7 @@
}
.msg {
margin: $margin / 2
margin: $margin * 0.5
}
.age {

3
src/renderer/components/layout/sidebar-item.scss
View File

@ -20,7 +20,6 @@
*/
.SidebarItem {
$itemSpacing: floor($unit / 2.6) floor($unit / 1.6);
display: flex;
flex-direction: column;
@ -30,7 +29,7 @@
> .nav-item {
text-decoration: none;
padding: $itemSpacing;
padding: $unit * 0.3846 $unit * 0.625; // ≈ floor($unit / 2.6) floor($unit / 1.6)
width: 100%;
height: 100%;
color: inherit;

2
src/renderer/components/menu/menu-actions.scss
View File

@ -21,7 +21,7 @@
.MenuActions {
&.toolbar {
--flex-gap: #{$padding / 2};
--flex-gap: #{$padding * 0.5};
position: static;
padding: 0;

12
src/renderer/components/resizing-anchor/resizing-anchor.scss
View File

@ -67,15 +67,15 @@ body.resizing {
.resizing & {
$expandedHeight: 200px;
height: $expandedHeight;
margin-top: -$expandedHeight / 2;
margin-top: -$expandedHeight * 0.5;
&::after {
margin-top: $expandedHeight / 2;
margin-top: $expandedHeight * 0.5;
}
}
&.trailing {
bottom: -$dimension / 2;
bottom: -$dimension * 0.5;
}
}
@ -92,16 +92,16 @@ body.resizing {
width: $expandedWidth;
&.trailing {
right: -$expandedWidth / 2;
right: -$expandedWidth * 0.5;
}
}
&.leading {
left: -$dimension / 2;
left: -$dimension * 0.5;
}
&.trailing {
right: -$dimension / 2;
right: -$dimension * 0.5;
}
}
}

8
src/renderer/components/select/select.scss
View File

@ -68,7 +68,7 @@ html {
}
&__indicator {
padding: $padding /2;
padding: $padding *0.5;
opacity: .55;
&:hover {
@ -84,7 +84,7 @@ html {
&__dropdown {
&-indicator {
color: inherit !important;
padding: $padding / 2;
padding: $padding * 0.5;
}
}
@ -101,7 +101,7 @@ html {
}
&-notice {
padding: $padding / 3;
padding: $padding * 0.3333;
}
}
@ -200,7 +200,7 @@ html {
color: $primary;
.Select__value-container {
padding: 0 $padding / 2;
padding: 0 $padding * 0.5;
}
.Select__dropdown-indicator {

2
src/renderer/components/stepper/stepper.scss
View File

@ -68,7 +68,7 @@
position: absolute;
width: 100%;
height: 1px;
top: $pointSize / 2;
top: $pointSize * 0.5;
background: var(--stepper-color-point);
}
}

4
src/renderer/components/table/table.mixins.scss
View File

@ -25,7 +25,7 @@
flex: 0 0 55px !important;
> * {
margin: floor($margin / 1.3) auto;
margin: 6px auto;
}
}
@ -47,6 +47,6 @@
}
@mixin table-cell-labels-offsets {
padding-top: $padding / 2;
padding-top: $padding * 0.5;
padding-bottom: 0;
}

2
src/renderer/components/tabs/tabs.scss
View File

@ -71,7 +71,7 @@
right: 0;
bottom: 0;
width: 0;
height: $unit /2;
height: $unit * 0.5;
transition: width 150ms;
background: currentColor;
color: $halfGray