mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Fix sass warnings (#3783)
* 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
GitHub
parent
4fa0b8e329
commit
64fb590377
@ -57,7 +57,7 @@
|
||||
visibility: hidden;
|
||||
border-radius: inherit;
|
||||
background-color: $helmImgBackground;
|
||||
padding: $padding / 2;
|
||||
padding: $padding * 0.5;
|
||||
|
||||
&.visible {
|
||||
visibility: visible;
|
||||
|
||||
@ -44,7 +44,6 @@
|
||||
|
||||
.TableCell {
|
||||
padding-top: 0;
|
||||
padding-bottom: floor($padding / 1.33);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
.name {
|
||||
color: $textColorSecondary;
|
||||
font-weight: $font-weight-bold;
|
||||
padding-bottom: $padding / 2;
|
||||
padding-bottom: $padding * 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -35,6 +35,6 @@
|
||||
display: grid;
|
||||
grid-template-columns: min-content auto;
|
||||
align-items: center;
|
||||
gap: $margin / 2;
|
||||
gap: $margin * 0.5;
|
||||
}
|
||||
}
|
||||
@ -26,7 +26,7 @@
|
||||
.name {
|
||||
color: $textColorSecondary;
|
||||
font-weight: $font-weight-bold;
|
||||
padding-bottom: $padding / 2;
|
||||
padding-bottom: $padding * 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -43,7 +43,7 @@
|
||||
}
|
||||
|
||||
.help-icon {
|
||||
margin-left: $margin / 2;
|
||||
margin-left: $margin * 0.5;
|
||||
}
|
||||
|
||||
.show-all {
|
||||
|
||||
@ -61,6 +61,6 @@
|
||||
}
|
||||
|
||||
.Icon {
|
||||
margin-right: $margin / 2;
|
||||
margin-right: $margin * 0.5;
|
||||
}
|
||||
}
|
||||
@ -21,7 +21,7 @@
|
||||
|
||||
@mixin namespaceSelectCommon {
|
||||
.Icon {
|
||||
margin-right: $margin / 2;
|
||||
margin-right: $margin * 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -38,6 +38,6 @@
|
||||
display: grid;
|
||||
grid-template-columns: min-content auto;
|
||||
align-items: center;
|
||||
gap: $margin / 2;
|
||||
gap: $margin * 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
.AddClusterRoleBindingDialog {
|
||||
.Select + .Select {
|
||||
margin-top: $margin /2;
|
||||
margin-top: $margin *0.5;
|
||||
}
|
||||
.Checkbox {
|
||||
margin-top: $margin;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
.ClusterRoleBindings {
|
||||
.help-icon {
|
||||
margin-left: $margin / 2;
|
||||
margin-left: $margin * 0.5;
|
||||
}
|
||||
|
||||
.TableCell {
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
.ClusterRoles {
|
||||
.help-icon {
|
||||
margin-left: $margin / 2;
|
||||
margin-left: $margin * 0.5;
|
||||
}
|
||||
|
||||
.TableCell {
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
|
||||
.AddRoleBindingDialog {
|
||||
.Select + .Select {
|
||||
margin-top: $margin /2;
|
||||
margin-top: $margin *0.5;
|
||||
}
|
||||
.Checkbox {
|
||||
margin-top: $margin;
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
|
||||
.RoleBindings {
|
||||
.help-icon {
|
||||
margin-left: $margin / 2;
|
||||
margin-left: $margin * 0.5;
|
||||
}
|
||||
|
||||
.TableCell {
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
|
||||
.Roles {
|
||||
.help-icon {
|
||||
margin-left: $margin / 2;
|
||||
margin-left: $margin * 0.5;
|
||||
}
|
||||
|
||||
.TableCell {
|
||||
|
||||
@ -55,7 +55,7 @@
|
||||
|
||||
.asterisks {
|
||||
font-size: large;
|
||||
margin-right: $margin / 2;
|
||||
margin-right: $margin * 0.5;
|
||||
line-height: 90%;
|
||||
}
|
||||
}
|
||||
@ -154,7 +154,7 @@ h4 {
|
||||
|
||||
h5 {
|
||||
@extend h4;
|
||||
padding: $padding / 2 0;
|
||||
padding: $padding * 0.5 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -58,7 +58,7 @@
|
||||
}
|
||||
|
||||
&.labelsOnly {
|
||||
$spacing: $margin / 2;
|
||||
$spacing: $margin * 0.5;
|
||||
|
||||
> .value {
|
||||
margin: -$spacing;
|
||||
|
||||
@ -123,7 +123,7 @@
|
||||
color: $textColorAccent;
|
||||
border-radius: 50%;
|
||||
box-sizing: content-box;
|
||||
padding: $padding / 2;
|
||||
padding: $padding * 0.5;
|
||||
}
|
||||
|
||||
&.active {
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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,9 +54,9 @@
|
||||
--flex-gap: .25em;
|
||||
display: inline-flex;
|
||||
margin: $gap;
|
||||
padding: $padding /3;
|
||||
padding: $padding * 0.33333;
|
||||
vertical-align: middle;
|
||||
overflow: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -43,7 +43,7 @@
|
||||
}
|
||||
|
||||
.msg {
|
||||
margin: $margin / 2
|
||||
margin: $margin * 0.5
|
||||
}
|
||||
|
||||
.age {
|
||||
|
||||
@ -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;
|
||||
@ -81,4 +80,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -53,4 +53,4 @@
|
||||
/* Simulate text-overflow:ellipsis styles but for multiple text lines */
|
||||
-webkit-line-clamp: 3;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
|
||||
.MenuActions {
|
||||
&.toolbar {
|
||||
--flex-gap: #{$padding / 2};
|
||||
--flex-gap: #{$padding * 0.5};
|
||||
|
||||
position: static;
|
||||
padding: 0;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -68,7 +68,7 @@
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
top: $pointSize / 2;
|
||||
top: $pointSize * 0.5;
|
||||
background: var(--stepper-color-point);
|
||||
}
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -71,7 +71,7 @@
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 0;
|
||||
height: $unit /2;
|
||||
height: $unit * 0.5;
|
||||
transition: width 150ms;
|
||||
background: currentColor;
|
||||
color: $halfGray
|
||||
|
||||
Loading…
Reference in New Issue
Block a user