fix(my-joy-beta): fix more bugs

This commit is contained in:
Sara Vieira 2018-02-22 16:47:34 +00:00
parent 48dc324a12
commit fbc1908fdb
34 changed files with 219 additions and 477 deletions

View File

@ -18,7 +18,7 @@
},
"dependencies": {
"@manaflair/redux-batch": "^0.1.0",
"apollo": "^0.2.2",
"apollo": "0.2.2",
"apr-intercept": "^3.0.3",
"babel-preset-joyent-portal": "^6.0.3",
"bytes": "^3.0.0",
@ -27,6 +27,7 @@
"date-fns": "^1.29.0",
"declarative-redux-form": "^2.0.8",
"execa": "^0.9.0",
"fuse.js": "^3.2.0",
"inert": "^5.1.0",
"joyent-logo-assets": "^1.0.0",
"joyent-manifest-editor": "^1.4.0",

View File

@ -226,7 +226,6 @@ exports[`renders <Images images=[{name: stuff, imageName: stuff}] /> without thr
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;

View File

@ -82,7 +82,6 @@ exports[`renders <Filters /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -200,7 +199,6 @@ exports[`renders <Filters /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -278,12 +276,12 @@ exports[`renders <Filters /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
white-space: pre;
font-size: 0.8125rem;
cursor: pointer;
}
.c1 {
@ -414,7 +412,7 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c5"
disabled={false}
id="m"
id="n"
onBlur={undefined}
type="checkbox"
>
@ -422,25 +420,25 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c6"
disabled={false}
id="n"
id="o"
onBlur={undefined}
type="checkbox"
/>
<label
className="c7"
htmlFor="n"
htmlFor="o"
/>
</div>
<div
checked={false}
className="c8"
disabled={false}
id="m"
id="n"
onBlur={undefined}
>
<label
className="c9"
htmlFor="n"
htmlFor="o"
>
<div
className="c10"
@ -480,7 +478,7 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c5"
disabled={false}
id="o"
id="p"
onBlur={undefined}
type="checkbox"
>
@ -488,25 +486,25 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c6"
disabled={false}
id="p"
id="q"
onBlur={undefined}
type="checkbox"
/>
<label
className="c7"
htmlFor="p"
htmlFor="q"
/>
</div>
<div
checked={false}
className="c8"
disabled={false}
id="o"
id="p"
onBlur={undefined}
>
<label
className="c9"
htmlFor="p"
htmlFor="q"
>
<div
className="c10"
@ -546,7 +544,7 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c5"
disabled={false}
id="q"
id="r"
onBlur={undefined}
type="checkbox"
>
@ -554,25 +552,25 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c6"
disabled={false}
id="r"
id="s"
onBlur={undefined}
type="checkbox"
/>
<label
className="c7"
htmlFor="r"
htmlFor="s"
/>
</div>
<div
checked={false}
className="c8"
disabled={false}
id="q"
id="r"
onBlur={undefined}
>
<label
className="c9"
htmlFor="r"
htmlFor="s"
>
<div
className="c10"
@ -612,7 +610,7 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c5"
disabled={false}
id="s"
id="t"
onBlur={undefined}
type="checkbox"
>
@ -620,25 +618,25 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c6"
disabled={false}
id="t"
id="u"
onBlur={undefined}
type="checkbox"
/>
<label
className="c7"
htmlFor="t"
htmlFor="u"
/>
</div>
<div
checked={false}
className="c8"
disabled={false}
id="s"
id="t"
onBlur={undefined}
>
<label
className="c9"
htmlFor="t"
htmlFor="u"
>
<div
className="c10"
@ -685,7 +683,7 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c5"
disabled={false}
id="u"
id="v"
onBlur={undefined}
type="checkbox"
>
@ -693,25 +691,25 @@ exports[`renders <Filters /> without throwing 1`] = `
checked={false}
className="c6"
disabled={false}
id="v"
id="w"
onBlur={undefined}
type="checkbox"
/>
<label
className="c7"
htmlFor="v"
htmlFor="w"
/>
</div>
<div
checked={false}
className="c8"
disabled={false}
id="u"
id="v"
onBlur={undefined}
>
<label
className="c9"
htmlFor="v"
htmlFor="w"
>
SSD
</label>
@ -923,12 +921,12 @@ Array [
`;
exports[`renders <Package /> without throwing 1`] = `
.c9 {
.c10 {
margin-right: 0.75rem;
margin-left: 0.375rem;
}
.c8 {
.c9 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@ -952,7 +950,7 @@ exports[`renders <Package /> without throwing 1`] = `
align-items: center;
}
.c5 {
.c6 {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
@ -962,67 +960,66 @@ exports[`renders <Package /> without throwing 1`] = `
display: none;
}
.c5[type='checkbox'],
.c5[type='radio'] {
.c6[type='checkbox'],
.c6[type='radio'] {
box-sizing: border-box;
padding: 0;
}
.c5[type='number']::-webkit-inner-spin-button,
.c5[type='number']::-webkit-outer-spin-button {
.c6[type='number']::-webkit-inner-spin-button,
.c6[type='number']::-webkit-outer-spin-button {
height: auto;
}
.c5[type='search'] {
.c6[type='search'] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
outline-offset: -0.125rem;
}
.c5[type='search']::-webkit-search-cancel-button,
.c5[type='search']::-webkit-search-decoration {
.c6[type='search']::-webkit-search-cancel-button,
.c6[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c5::-webkit-file-upload-button {
.c6::-webkit-file-upload-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
font: inherit;
}
.c5:checked + label::after {
.c6:checked + label::after {
opacity: 1;
}
.c5:selected + label::after {
.c6:selected + label::after {
opacity: 1;
}
.c5:checked + label {
.c6:checked + label {
border-color: rgb(59,70,204);
}
.c5:selected + label {
.c6:selected + label {
border-color: rgb(59,70,204);
}
.c5:disabled + label {
.c6:disabled + label {
background-color: rgb(249,249,249);
cursor: not-allowed;
}
.c10 {
.c11 {
font-size: 0.9375rem;
line-height: 1.125rem;
font-style: normal;
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1030,7 +1027,7 @@ exports[`renders <Package /> without throwing 1`] = `
font-size: 0.8125rem;
}
.c6 {
.c7 {
color: rgb(100,100,100);
position: absolute;
width: 1.125rem;
@ -1048,7 +1045,7 @@ exports[`renders <Package /> without throwing 1`] = `
border-radius: 50%;
}
.c6::after {
.c7::after {
opacity: 0;
content: '';
position: absolute;
@ -1063,7 +1060,7 @@ exports[`renders <Package /> without throwing 1`] = `
transform: translateX(-50%) translateY(-50%);
}
.c4 {
.c5 {
display: inline-block;
vertical-align: text-bottom;
width: 1.125rem;
@ -1072,11 +1069,11 @@ exports[`renders <Package /> without throwing 1`] = `
cursor: pointer;
}
.c7 {
.c8 {
margin-left: 0.75rem;
}
.c2 {
.c3 {
display: inline-block;
margin: 0;
padding: 0;
@ -1092,7 +1089,7 @@ exports[`renders <Package /> without throwing 1`] = `
width: 100%;
}
.c3 {
.c4 {
list-style-type: none;
display: -webkit-box;
display: -webkit-flex;
@ -1104,7 +1101,7 @@ exports[`renders <Package /> without throwing 1`] = `
align-items: center;
}
.c1 {
.c2 {
border-width: 0.0625rem;
border-style: solid;
border-color: rgb(216,216,216);
@ -1113,20 +1110,19 @@ exports[`renders <Package /> without throwing 1`] = `
box-sizing: border-box;
padding: 0 1.5rem;
height: 3.75rem;
-webkit-text-align: right;
text-align: right;
border-bottom-width: 0;
}
.c1:not(:first-child) {
.c2:not(:first-child) {
border-left-width: 0;
}
.c1:not(:last-child) {
.c2:not(:last-child) {
border-right-width: 0;
}
.c0 {
.c1 {
display: table-row;
color: rgba(73,73,73,1);
background-color: rgb(255,255,255);
@ -1134,74 +1130,79 @@ exports[`renders <Package /> without throwing 1`] = `
box-sizing: border-box;
}
.c0:last-child {
.c1:last-child {
box-shadow: none;
}
.c0:last-child td {
.c1:last-child td {
border-bottom-width: 0.0625rem;
}
.c0 {
cursor: pointer;
}
<tr
className="c0"
className="c0 c1"
disabled={undefined}
name="tr"
onClick={[Function]}
selected={undefined}
>
<td
className="c1"
className="c2"
disabled={undefined}
name="td"
selected={false}
>
<div
className="baseline-jVaZNU kXgQxt c2"
name="package"
className="baseline-jVaZNU kXgQxt c3"
role="group"
style={undefined}
type="radio"
value={undefined}
>
<li
className="c3"
checked={false}
className="c4"
disabled={false}
onBlur={null}
>
<div
className="c4"
checked={false}
className="c5"
disabled={false}
id="k"
id="l"
onBlur={null}
type="radio"
>
<input
checked={undefined}
className="c5"
checked={false}
className="c6"
disabled={false}
id="l"
id="m"
onBlur={null}
type="radio"
/>
<label
className="c6"
htmlFor="l"
className="c7"
htmlFor="m"
/>
</div>
<div
className="c7"
checked={false}
className="c8"
disabled={false}
id="k"
id="l"
onBlur={null}
>
<div
className="c8"
className="c9"
>
<div
className="c9"
className="c10"
>
<label
className="c10"
htmlFor="l"
className="c11"
htmlFor="m"
style={
Object {
"fontWeight": "normal",
@ -1217,7 +1218,7 @@ exports[`renders <Package /> without throwing 1`] = `
</div>
</td>
<td
className="c1"
className="c2"
disabled={undefined}
name="td"
selected={false}
@ -1225,7 +1226,7 @@ exports[`renders <Package /> without throwing 1`] = `
1
</td>
<td
className="c1"
className="c2"
disabled={undefined}
name="td"
selected={false}
@ -1233,7 +1234,7 @@ exports[`renders <Package /> without throwing 1`] = `
1
</td>
<td
className="c1"
className="c2"
disabled={undefined}
name="td"
selected={false}
@ -1374,7 +1375,6 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1409,7 +1409,6 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: right;
text-align: right;
height: 2.625rem;
color: rgb(189,189,189);
@ -1447,7 +1446,6 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
.c12 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -1925,7 +1923,6 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1960,7 +1957,6 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: right;
text-align: right;
height: 2.625rem;
color: rgb(189,189,189);
@ -1998,7 +1994,6 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
.c12 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -2476,7 +2471,6 @@ exports[`renders <Packages loading /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2511,7 +2505,6 @@ exports[`renders <Packages loading /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: right;
text-align: right;
height: 2.625rem;
color: rgb(189,189,189);
@ -2549,7 +2542,6 @@ exports[`renders <Packages loading /> without throwing 1`] = `
.c12 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -2945,7 +2937,6 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2980,7 +2971,6 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: right;
text-align: right;
height: 2.625rem;
color: rgb(189,189,189);
@ -3239,7 +3229,6 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3274,7 +3263,6 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: right;
text-align: right;
height: 2.625rem;
color: rgb(189,189,189);
@ -3312,7 +3300,6 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
.c12 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}

View File

@ -6,7 +6,6 @@ import { Margin } from 'styled-components-spacing';
import Flex from 'styled-flex-component';
import pascalCase from 'pascal-case';
import titleCase from 'title-case';
import includes from 'lodash.includes';
import remcalc from 'remcalc';
import {

View File

@ -46,13 +46,17 @@ const VerticalDivider = styled.div`
box-sizing: border-box;
`;
const TableTrActionable = styled(TableTr)`
cursor: pointer;
`
export const Filters = ({ onResetFilters }) => (
<Margin top={1} bottom={3}>
<H4>Filters</H4>
<Flex wrap alignCenter justifyBetween>
<FormGroup type="checkbox" name="compute-optimized" field={Field}>
<Checkbox>
<FormLabel>
<FormLabel actionable>
<Flex alignCenter>
{GroupIcons.COMPUTE}
<Margin right={1} left={1}>
@ -64,7 +68,7 @@ export const Filters = ({ onResetFilters }) => (
</FormGroup>
<FormGroup type="checkbox" name="memory-optimized" field={Field}>
<Checkbox>
<FormLabel>
<FormLabel actionable>
<Flex alignCenter>
{GroupIcons.MEMORY}
<Margin left={1} right={2}>
@ -76,7 +80,7 @@ export const Filters = ({ onResetFilters }) => (
</FormGroup>
<FormGroup type="checkbox" name="general-purpose" field={Field}>
<Checkbox>
<FormLabel>
<FormLabel actionable>
<Flex alignCenter>
{GroupIcons.GENERAL}
<Margin left={1} right={2}>
@ -88,7 +92,7 @@ export const Filters = ({ onResetFilters }) => (
</FormGroup>
<FormGroup type="checkbox" name="storage-optimized" field={Field}>
<Checkbox>
<FormLabel>
<FormLabel actionable>
<Flex alignCenter>
{GroupIcons.STORAGE}
<Margin left={1} right={2}>
@ -100,7 +104,7 @@ export const Filters = ({ onResetFilters }) => (
</FormGroup>
<FormGroup type="checkbox" name="ssd" field={Field}>
<Checkbox>
<FormLabel>SSD</FormLabel>
<FormLabel actionable>SSD</FormLabel>
</Checkbox>
</FormGroup>
</Flex>
@ -123,18 +127,18 @@ export const Package = ({
disk,
ssd,
hasVms,
sortBy
sortBy,
selectPackage
}) => (
<TableTr>
<TableTrActionable onClick={() => selectPackage(id)}>
<TableTd right selected={selected}>
<FormGroup name="package" value={id} type="radio" field={Field} fluid>
<Radio onBlur={null} noMargin>
<FormGroup fluid>
<Radio checked={selected} onBlur={null} noMargin>
<Flex alignCenter>
{GroupIcons[group]}
<Margin left={1} right={2}>
<FormLabel
style={{ fontWeight: sortBy === 'name' ? 'bold' : 'normal' }}
>
style={{ fontWeight: sortBy === 'name' ? 'bold' : 'normal' }}>
{name}
</FormLabel>
</Margin>
@ -161,7 +165,7 @@ export const Package = ({
<TableTd right bold={sortBy === 'price'} selected={selected}>
{price}
</TableTd>
</TableTr>
</TableTrActionable>
);
export const Packages = ({
@ -184,8 +188,7 @@ export const Packages = ({
left
middle
xs="200"
actionable
>
actionable>
<span>Name </span>
</TableTh>
<TableTh
@ -195,8 +198,7 @@ export const Packages = ({
showSort={sortBy === 'memory'}
right
middle
actionable
>
actionable>
<span>RAM </span>
</TableTh>
<TableTh
@ -206,8 +208,7 @@ export const Packages = ({
showSort={sortBy === 'disk'}
right
middle
actionable
>
actionable>
<span>Disk </span>
</TableTh>
{hasVms && (
@ -218,8 +219,7 @@ export const Packages = ({
showSort={sortBy === 'vcpus'}
right
middle
actionable
>
actionable>
<span>vCPU</span>
</TableTh>
)}
@ -230,8 +230,7 @@ export const Packages = ({
showSort={sortBy === 'price'}
right
middle
actionable
>
actionable>
<span>$/hour</span>
</TableTh>
</TableTr>
@ -258,9 +257,7 @@ export const Overview = ({
}) => (
<Fragment>
<Margin bottom={2}>
<H3 noMargin>
{name}
</H3>
<H3 noMargin>{name}</H3>
</Margin>
<Flex alignCenter>
<span>{price} $</span>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

View File

@ -195,7 +195,6 @@ exports[`renders <InstanceList /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -226,7 +225,6 @@ exports[`renders <InstanceList /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -261,7 +259,6 @@ exports[`renders <InstanceList /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -294,7 +291,6 @@ exports[`renders <InstanceList /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -327,7 +323,6 @@ exports[`renders <InstanceList /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -735,7 +730,6 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -766,7 +760,6 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -801,7 +794,6 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -834,7 +826,6 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -867,7 +858,6 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1275,7 +1265,6 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1308,7 +1297,6 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1341,7 +1329,6 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1397,7 +1384,6 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1430,7 +1416,6 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1815,7 +1800,6 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1848,7 +1832,6 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1881,7 +1864,6 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1937,7 +1919,6 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1970,7 +1951,6 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2355,7 +2335,6 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2386,7 +2365,6 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2421,7 +2399,6 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2454,7 +2431,6 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2487,7 +2463,6 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2895,7 +2870,6 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2926,7 +2900,6 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2961,7 +2934,6 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2994,7 +2966,6 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3027,7 +2998,6 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3492,7 +3462,6 @@ exports[`renders <Item /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -3517,7 +3486,6 @@ exports[`renders <Item /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -3542,7 +3510,6 @@ exports[`renders <Item /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -4009,7 +3976,6 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -4034,7 +4000,6 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -4059,7 +4024,6 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -4528,7 +4492,6 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -4553,7 +4516,6 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -4578,7 +4540,6 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -5042,7 +5003,6 @@ exports[`renders <Item mutating /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -5067,7 +5027,6 @@ exports[`renders <Item mutating /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -5092,7 +5051,6 @@ exports[`renders <Item mutating /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -5115,7 +5073,6 @@ exports[`renders <Item mutating /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: center;
text-align: center;
border-bottom-width: 0;
border-left-width: 0.0625rem !important;

View File

@ -139,7 +139,6 @@ exports[`renders <Summary /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -210,7 +209,6 @@ exports[`renders <Summary /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -318,7 +316,6 @@ exports[`renders <Summary /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -448,7 +445,6 @@ exports[`renders <Summary /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -576,7 +572,6 @@ exports[`renders <Summary /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -730,7 +725,6 @@ exports[`renders <Summary /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -871,7 +865,6 @@ exports[`renders <Summary /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
}
@ -882,7 +875,6 @@ exports[`renders <Summary /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1005,7 +997,6 @@ exports[`renders <Summary /> without throwing 1`] = `
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -2115,7 +2106,6 @@ exports[`renders <Summary instance /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2186,7 +2176,6 @@ exports[`renders <Summary instance /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2294,7 +2283,6 @@ exports[`renders <Summary instance /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2424,7 +2412,6 @@ exports[`renders <Summary instance /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2552,7 +2539,6 @@ exports[`renders <Summary instance /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2658,7 +2644,6 @@ exports[`renders <Summary instance /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2790,7 +2775,6 @@ exports[`renders <Summary instance /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2909,7 +2893,6 @@ exports[`renders <Summary instance /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
}
@ -2920,7 +2903,6 @@ exports[`renders <Summary instance /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -4013,7 +3995,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
className="c31"
htmlFor=""
>
Public IP
IP address 1
</label>
<div
className="c32"
@ -4064,7 +4046,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
className="c31"
htmlFor=""
>
Private IP
IP address 2
</label>
<div
className="c35"
@ -4251,7 +4233,6 @@ exports[`renders <Summary instance /> without throwing 2`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -4322,7 +4303,6 @@ exports[`renders <Summary instance /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4430,7 +4410,6 @@ exports[`renders <Summary instance /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4560,7 +4539,6 @@ exports[`renders <Summary instance /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4688,7 +4666,6 @@ exports[`renders <Summary instance /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4794,7 +4771,6 @@ exports[`renders <Summary instance /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4926,7 +4902,6 @@ exports[`renders <Summary instance /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5045,7 +5020,6 @@ exports[`renders <Summary instance /> without throwing 2`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
}
@ -5056,7 +5030,6 @@ exports[`renders <Summary instance /> without throwing 2`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -6149,7 +6122,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
className="c31"
htmlFor=""
>
Public IP
IP address 1
</label>
<div
className="c32"
@ -6200,7 +6173,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
className="c31"
htmlFor=""
>
Private IP
IP address 2
</label>
<div
className="c35"
@ -6387,7 +6360,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -6511,7 +6483,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6619,7 +6590,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6749,7 +6719,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6877,7 +6846,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7031,7 +6999,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7172,7 +7139,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
}
@ -7183,7 +7149,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -7306,7 +7271,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -8468,7 +8432,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -8539,7 +8502,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -8647,7 +8609,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -8777,7 +8738,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -8905,7 +8865,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9011,7 +8970,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9143,7 +9101,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9262,7 +9219,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
}
@ -9273,7 +9229,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -9397,7 +9352,6 @@ exports[`renders <Summary state /> without throwing 1`] = `
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -10507,7 +10461,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -10578,7 +10531,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -10686,7 +10638,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -10816,7 +10767,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -10944,7 +10894,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -11050,7 +10999,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -11182,7 +11130,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -11301,7 +11248,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
}
@ -11312,7 +11258,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -11436,7 +11381,6 @@ exports[`renders <Summary state /> without throwing 2`] = `
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -12546,7 +12490,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -12617,7 +12560,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -12725,7 +12667,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -12855,7 +12796,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -12983,7 +12923,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -13137,7 +13076,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -13278,7 +13216,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
}
@ -13289,7 +13226,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -13413,7 +13349,6 @@ exports[`renders <Summary state /> without throwing 3`] = `
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;

View File

@ -130,12 +130,7 @@ export const Item = ({
</TableTd>
</PopoverContainer>
) : (
<TableTd
padding="0"
hasBorder="left"
center
middle>
<TableTd padding="0" hasBorder="left" center middle>
<ActionsIcon disabled />
</TableTd>
)}
@ -149,7 +144,8 @@ export default ({
allSelected = false,
toggleSelectAll = () => null,
onSortBy = () => null,
children
children,
noInstances
}) => (
<form>
<Table>
@ -159,7 +155,7 @@ export default ({
<FormGroup paddingTop={remcalc(4)}>
<Checkbox
checked={allSelected}
disabled={submitting}
disabled={submitting || noInstances}
onChange={toggleSelectAll}
noMargin
/>

View File

@ -34,8 +34,6 @@ const stateColor = {
FAILED: 'red'
};
const IpNames = ['Public IP', 'Private IP'];
const GreyLabel = styled(Label)`
opacity: 0.5;
padding-right: ${remcalc(3)};
@ -291,7 +289,7 @@ export default withTheme(
key={i}
noMargin={i === instance.ips.length - 1}
text={ip}
label={IpNames[i]}
label={`IP address ${i + 1}`}
/>
))}
</Padding>

View File

@ -43,15 +43,15 @@ const PackageContainer = ({
handleResetFilters,
handleSortBy,
sortBy,
step
step,
selectPackage
}) => (
<Fragment>
<Title
id={step}
onClick={!expanded && !proceeded && handleEdit}
collapsed={!expanded && !proceeded}
icon={<PackageIcon />}
>
icon={<PackageIcon />}>
Package
</Title>
{expanded ? (
@ -61,8 +61,7 @@ const PackageContainer = ({
<a
href="https://docs.joyent.com/private-cloud/packages"
target="_blank"
rel="noopener noreferrer"
>
rel="noopener noreferrer">
Read the docs
</a>
</Description>
@ -70,20 +69,17 @@ const PackageContainer = ({
<ReduxForm
form={`${FORM_NAME}-filters`}
destroyOnUnmount={false}
forceUnregisterOnUnmount={true}
>
forceUnregisterOnUnmount={true}>
{props =>
!loading && expanded ? (
<Filters {...props} onResetFilters={handleResetFilters} />
) : null
}
) : null}
</ReduxForm>
<ReduxForm
form={FORM_NAME}
destroyOnUnmount={false}
forceUnregisterOnUnmount={true}
onSubmit={handleNext}
>
onSubmit={handleNext}>
{props =>
expanded ? (
loading ? (
@ -95,10 +91,10 @@ const PackageContainer = ({
sortBy={sortBy}
sortOrder={sortOrder}
onSortBy={handleSortBy}
packages={packages.length}
>
packages={packages.length}>
{packages.map(({ id, ...pkg }) => (
<Package
selectPackage={selectPackage}
key={id}
id={id}
selected={selected.id === id}
@ -111,8 +107,7 @@ const PackageContainer = ({
)
) : selected.id ? (
<Overview {...selected} hasVms={hasVms} onCancel={handleEdit} />
) : null
}
) : null}
</ReduxForm>
{expanded ? (
!loading ? (
@ -187,8 +182,11 @@ export default compose(
);
const vmSelected = get(form, 'create-instance-vms.values.vms', false);
const pkgSelected = get(form, `${FORM_NAME}.values.package`, null);
const selected = find(packages, ['id', pkgSelected]);
const pkgSelected = get(values, `package-selectected`, null);
const selected = find(packages, [
'id',
pkgSelected
]);
const sorted = sortBy(packages, [_sortBy]);
@ -217,7 +215,7 @@ export default compose(
sortOrder: _sortOrder,
packages: _sortOrder === 'asc' ? filtered : reverse(filtered),
hasVms: vmSelected,
selected: find(packages, ['id', pkgSelected]),
selected,
proceeded: proceeded || selected
};
},
@ -229,6 +227,9 @@ export default compose(
return history.push(`/~create/tags${history.location.search}`);
},
selectPackage: id => {
dispatch(set({ name: 'package-selectected', value: id }));
},
handleEdit: () =>
history.push(`/~create/package${history.location.search}`),
handleResetFilters: () => {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -19,7 +19,6 @@ exports[`renders <List /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -155,7 +154,6 @@ exports[`renders <List /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -230,7 +228,6 @@ exports[`renders <List /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -487,7 +484,6 @@ exports[`renders <List /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -576,7 +572,6 @@ exports[`renders <List /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -607,7 +602,6 @@ exports[`renders <List /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -642,7 +636,6 @@ exports[`renders <List /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -675,7 +668,6 @@ exports[`renders <List /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -708,7 +700,6 @@ exports[`renders <List /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -771,7 +762,6 @@ exports[`renders <List /> without throwing 1`] = `
.c37 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -915,7 +905,7 @@ exports[`renders <List /> without throwing 1`] = `
<div
checked={0}
className="c21"
disabled={false}
disabled={true}
id="o"
onBlur={undefined}
onChange={[Function]}
@ -924,7 +914,7 @@ exports[`renders <List /> without throwing 1`] = `
<input
checked={false}
className="c22"
disabled={false}
disabled={true}
id="p"
onBlur={undefined}
onChange={[Function]}
@ -1260,8 +1250,7 @@ exports[`renders <List /> without throwing 1`] = `
className="c37 c38"
>
You haven't created any instances yet, but they're really easy to set up.
<br />
Click above to get going.
Click above to get going.
</h3>
</div>
</div>
@ -1292,7 +1281,6 @@ exports[`renders <List error /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1437,7 +1425,6 @@ exports[`renders <List error /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1512,7 +1499,6 @@ exports[`renders <List error /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1803,7 +1789,6 @@ exports[`renders <List error /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1892,7 +1877,6 @@ exports[`renders <List error /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1923,7 +1907,6 @@ exports[`renders <List error /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1958,7 +1941,6 @@ exports[`renders <List error /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -1991,7 +1973,6 @@ exports[`renders <List error /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2024,7 +2005,6 @@ exports[`renders <List error /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2087,7 +2067,6 @@ exports[`renders <List error /> without throwing 1`] = `
.c43 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -2256,7 +2235,7 @@ exports[`renders <List error /> without throwing 1`] = `
<div
checked={0}
className="c27"
disabled={false}
disabled={true}
id="x"
onBlur={undefined}
onChange={[Function]}
@ -2265,7 +2244,7 @@ exports[`renders <List error /> without throwing 1`] = `
<input
checked={false}
className="c28"
disabled={false}
disabled={true}
id="y"
onBlur={undefined}
onChange={[Function]}
@ -2601,8 +2580,7 @@ exports[`renders <List error /> without throwing 1`] = `
className="c43 c44"
>
You haven't created any instances yet, but they're really easy to set up.
<br />
Click above to get going.
Click above to get going.
</h3>
</div>
</div>
@ -2628,7 +2606,6 @@ exports[`renders <List instances /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2774,7 +2751,6 @@ exports[`renders <List instances /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2849,7 +2825,6 @@ exports[`renders <List instances /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -3070,7 +3045,6 @@ exports[`renders <List instances /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -3177,7 +3151,6 @@ exports[`renders <List instances /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3208,7 +3181,6 @@ exports[`renders <List instances /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3243,7 +3215,6 @@ exports[`renders <List instances /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3276,7 +3247,6 @@ exports[`renders <List instances /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3309,7 +3279,6 @@ exports[`renders <List instances /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3360,7 +3329,6 @@ exports[`renders <List instances /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -3385,7 +3353,6 @@ exports[`renders <List instances /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -3410,7 +3377,6 @@ exports[`renders <List instances /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -4029,7 +3995,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -4175,7 +4140,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4261,7 +4225,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4391,7 +4354,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4518,7 +4480,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4672,7 +4633,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4812,7 +4772,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5126,7 +5085,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -5233,7 +5191,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -5264,7 +5221,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -5299,7 +5255,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -5332,7 +5287,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -5365,7 +5319,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -5416,7 +5369,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -5441,7 +5393,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -5466,7 +5417,6 @@ exports[`renders <List instances selected /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -6466,7 +6416,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -6612,7 +6561,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6698,7 +6646,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6828,7 +6775,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6955,7 +6901,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7109,7 +7054,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7249,7 +7193,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -7563,7 +7506,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -7670,7 +7612,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -7701,7 +7642,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -7736,7 +7676,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -7769,7 +7708,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -7802,7 +7740,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -7853,7 +7790,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -7878,7 +7814,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -7903,7 +7838,6 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -8903,7 +8837,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -9049,7 +8982,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9135,7 +9067,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9265,7 +9196,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9392,7 +9322,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9546,7 +9475,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9697,7 +9625,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9805,7 +9732,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -9899,7 +9825,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -10213,7 +10138,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -10320,7 +10244,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -10351,7 +10274,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -10386,7 +10308,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -10419,7 +10340,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -10452,7 +10372,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -10503,7 +10422,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -10528,7 +10446,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -10553,7 +10470,6 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -11546,7 +11462,6 @@ exports[`renders <List loading /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -11610,7 +11525,6 @@ exports[`renders <List loading /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -11671,7 +11585,6 @@ exports[`renders <List loading /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -11746,7 +11659,6 @@ exports[`renders <List loading /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -11872,7 +11784,6 @@ exports[`renders <List loading /> without throwing 1`] = `
color: rgb(216,216,216);
cursor: not-allowed;
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;

View File

@ -37,7 +37,6 @@ exports[`renders <Summary /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -204,7 +203,6 @@ exports[`renders <Summary loading /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -371,7 +369,6 @@ exports[`renders <Summary loadingError /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -538,7 +535,6 @@ exports[`renders <Summary mutationError /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -769,7 +765,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -931,7 +926,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1002,7 +996,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1110,7 +1103,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1240,7 +1232,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1368,7 +1359,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1474,7 +1464,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1606,7 +1595,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1725,7 +1713,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
}
@ -1736,7 +1723,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -2973,7 +2959,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c32"
htmlFor=""
>
Public IP
IP address 1
</label>
<div
className="c33"
@ -3024,7 +3010,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c32"
htmlFor=""
>
Private IP
IP address 2
</label>
<div
className="c36"
@ -3105,7 +3091,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -3176,7 +3161,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3284,7 +3268,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3414,7 +3397,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3542,7 +3524,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3648,7 +3629,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3780,7 +3760,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3899,7 +3878,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
}
@ -3910,7 +3888,6 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5147,7 +5124,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c32"
htmlFor=""
>
Public IP
IP address 1
</label>
<div
className="c33"
@ -5198,7 +5175,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c32"
htmlFor=""
>
Private IP
IP address 2
</label>
<div
className="c36"

View File

@ -16,7 +16,6 @@ exports[`renders <Tags /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -71,7 +70,6 @@ exports[`renders <Tags /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -146,7 +144,6 @@ exports[`renders <Tags /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -303,7 +300,6 @@ exports[`renders <Tags /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -509,7 +505,6 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -564,7 +559,6 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -650,7 +644,6 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -740,7 +733,6 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -831,7 +823,6 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -950,7 +941,6 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -965,7 +955,6 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -1465,7 +1454,6 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1886,7 +1874,6 @@ exports[`renders <Tags editable /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1941,7 +1928,6 @@ exports[`renders <Tags editable /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2016,7 +2002,6 @@ exports[`renders <Tags editable /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -2173,7 +2158,6 @@ exports[`renders <Tags editable /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -2379,7 +2363,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2434,7 +2417,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2524,7 +2506,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2615,7 +2596,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2745,7 +2725,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2842,7 +2821,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -2857,7 +2835,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -3338,7 +3315,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -3394,7 +3370,6 @@ exports[`renders <Tags editing /> without throwing 1`] = `
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}
@ -3809,7 +3784,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -3917,7 +3891,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4007,7 +3980,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4098,7 +4070,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4206,7 +4177,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4347,7 +4317,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -4362,7 +4331,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -4843,7 +4811,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -4899,7 +4866,6 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}
@ -5310,7 +5276,6 @@ exports[`renders <Tags error /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -5365,7 +5330,6 @@ exports[`renders <Tags error /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5440,7 +5404,6 @@ exports[`renders <Tags error /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5597,7 +5560,6 @@ exports[`renders <Tags error /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -5785,7 +5747,6 @@ exports[`renders <Tags loading /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -5849,7 +5810,6 @@ exports[`renders <Tags loading /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -5910,7 +5870,6 @@ exports[`renders <Tags loading /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5985,7 +5944,6 @@ exports[`renders <Tags loading /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -6111,7 +6069,6 @@ exports[`renders <Tags loading /> without throwing 1`] = `
color: rgb(216,216,216);
cursor: not-allowed;
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -6321,7 +6278,6 @@ exports[`renders <Tags tags /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -6376,7 +6332,6 @@ exports[`renders <Tags tags /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6451,7 +6406,6 @@ exports[`renders <Tags tags /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -6608,7 +6562,6 @@ exports[`renders <Tags tags /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;

View File

@ -12,6 +12,7 @@ import find from 'lodash.find';
import reverse from 'lodash.reverse';
import sort from 'lodash.sortby';
import remcalc from 'remcalc';
import Fuse from 'fuse.js';
import {
ViewContainer,
@ -19,8 +20,7 @@ import {
MessageDescription,
MessageTitle,
StatusLoader,
Divider,
Anchor
Divider
} from 'joyent-ui-toolkit';
import ListInstances from '@graphql/list-instances.gql';
@ -29,6 +29,7 @@ import StartInstance from '@graphql/start-instance.gql';
import RebootInstance from '@graphql/reboot-instance.gql';
import RemoveInstance from '@graphql/remove-instance.gql';
import ToolbarForm from '@components/instances/toolbar';
import Empty from '@components/empty';
import Index from '@state/gen-index';
import parseError from '@state/parse-error';
import Confirm from '@state/confirm';
@ -38,7 +39,6 @@ import {
Item as InstanceListItem
} from '@components/instances/list';
import Empty from '@components/empty';
import InstanceListActions from '@components/instances/footer';
const TABLE_FORM_NAME = 'instance-list-table';
@ -59,7 +59,8 @@ export const List = ({
toggleSelectAll,
handleCreateImage,
handleSortBy,
history
history,
filter
}) => {
const _instances = forceArray(instances);
@ -106,19 +107,21 @@ export const List = ({
sortBy={sortBy}
sortOrder={sortOrder}
toggleSelectAll={toggleSelectAll}
onSortBy={handleSortBy}>
onSortBy={handleSortBy}
noInstances={!_instances.length}
>
{_instances.map(({ name, id, ...rest }) => (
<InstanceListItem
key={id}
id={id}
name={name}
{...rest}
onCreateImage={() => handleCreateImage(rest)}
onStart={() => handleStart([{ id }])}
onStop={() => handleStop([{ id }])}
onReboot={() => handleReboot([{ id }])}
onRemove={() => handleRemove([{ id }])}
/>
<InstanceListItem
key={id}
id={id}
name={name}
{...rest}
onCreateImage={() => handleCreateImage(rest)}
onStart={() => handleStart([{ id }])}
onStop={() => handleStop([{ id }])}
onReboot={() => handleReboot([{ id }])}
onRemove={() => handleRemove([{ id }])}
/>
))}
</InstanceList>
)}
@ -128,9 +131,10 @@ export const List = ({
const _empty =
!loading && !_instances.length ? (
<Empty>
You haven't created any instances yet, but they're really easy to set
up.<br />
Click above to get going.
{filter
? 'You have no Images that match your query'
: `You haven't created any instances yet, but they're really easy to set up.
Click above to get going.`}
</Empty>
) : null;
@ -217,7 +221,9 @@ export default compose(
// if user is searching something, get items that match that query
const filtered = filter
? index.search(filter).map(({ ref }) => find(instances, ['id', ref]))
? new Fuse(instances, {
keys: [...Object.keys(instances[0])]
}).search(filter)
: instances;
// from filtered instances, sort asc
@ -260,7 +266,8 @@ export default compose(
mutationError,
index,
sortOrder,
sortBy
sortBy,
filter
};
},
(dispatch, { refetch, ...ownProps }) => ({

View File

@ -11,6 +11,7 @@ import sort from 'lodash.sortby';
import { set } from 'react-redux-values';
import ReduxForm from 'declarative-redux-form';
import intercept from 'apr-intercept';
import Fuse from 'fuse.js';
import {
ViewContainer,
@ -207,7 +208,9 @@ export default compose(
// if user is searching something, get items that match that query
const filtered = filter
? index.search(filter).map(({ ref }) => find(snapshots, ['name', ref]))
? new Fuse(snapshots, {
keys: ['name']
}).search(filter)
: snapshots;
// from filtered instances, sort asc
@ -326,11 +329,9 @@ export default compose(
// eslint-disable-next-line no-alert
if (
!await Confirm(
`Do you want to ${name} ${
selected.length === 1
? `"${selected[0].name}"`
: `${selected.length} snapshots`
}`
`Do you want to ${name} ${selected.length === 1
? `"${selected[0].name}"`
: `${selected.length} snapshots`}`
)
) {
return;

View File

@ -10,6 +10,7 @@ import find from 'lodash.find';
import get from 'lodash.get';
import intercept from 'apr-intercept';
import remcalc from 'remcalc';
import Fuse from 'fuse.js';
import {
ViewContainer,
@ -60,8 +61,7 @@ export const Tags = ({
onSubmit={handleCreate}
onCancel={() => handleToggleAddOpen(false)}
shouldAsyncValidate={shouldAsyncValidate}
asyncValidate={asyncValidate}
>
asyncValidate={asyncValidate}>
{TagsAddForm}
</ReduxForm>
) : null;
@ -101,8 +101,7 @@ export const Tags = ({
initialValues={{ name: editing.name, value: editing.value }}
shouldAsyncValidate={shouldAsyncValidate}
asyncValidate={asyncValidate}
onSubmit={handleEdit}
>
onSubmit={handleEdit}>
{props => (
<TagsEditForm
{...props}
@ -176,10 +175,15 @@ export default compose(
// get search value
const filter = get(form, `${MENU_FORM_NAME}.values.filter`, false);
// if user is searching something, get items that match that query
// if user is searching something, get items that match that query
const filtered = filter
? index.search(filter).map(({ ref }) => find(tags, ['id', ref]))
? new Fuse(tags, {
keys: [...Object.keys(tags[0])]
}).search(filter)
: tags;
if (filter) console.log(Object.keys(tags[0]));
const addOpen = get(values, 'add-tags-open', false);
const editingTagName = get(values, 'editing-tag', null);
const removingTagName = get(values, 'removing-tag', null);

View File

@ -137,7 +137,6 @@ exports[`Form Checkbox 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -218,7 +217,6 @@ exports[`Form FormLabel 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -242,7 +240,6 @@ exports[`Form FormMeta 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
color: rgb(210,67,58);
@ -258,7 +255,6 @@ exports[`Form FormMeta 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
color: rgb(227,130,0);
@ -274,7 +270,6 @@ exports[`Form FormMeta 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
color: rgb(0,152,88);
@ -314,7 +309,6 @@ exports[`Form Input 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -512,7 +506,6 @@ exports[`Form Radio 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -611,7 +604,6 @@ exports[`Form Select 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -716,7 +708,6 @@ exports[`Form Textarea 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -806,7 +797,6 @@ exports[`Form Toggle 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -848,6 +838,15 @@ exports[`Form Toggle 1`] = `
box-shadow: none;
}
.c2:checked + label {
background: rgb(250,250,250);
border: 0.0625rem solid rgb(216,216,216);
}
.c2:checked + label:after {
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
.c3 {
outline: 0;
display: block;

View File

@ -11,6 +11,10 @@ const StyledLabel = Label.extend`
white-space: pre;
font-size: ${remcalc(13)};
${is('actionable')`
cursor: pointer;
`};
${is('disabled')`
color: ${props => props.theme.grey};
`};

View File

@ -32,6 +32,17 @@ const Input = styled.input`
}
}
}
${is('disabled')`
&:checked + label {
background: ${props => props.theme.background};
border: ${remcalc(1)} solid ${props => props.theme.grey};
&:after {
box-shadow: 0 0 0 ${remcalc(1)} ${props => props.theme.grey};
}
}
`}
`;
const InputLabel = styled.label`
@ -100,6 +111,7 @@ const InputLabel = styled.label`
padding-right: 0;
}
}
&:before {
cursor: not-allowed;
}

View File

@ -450,7 +450,7 @@ apollo-utilities@1.0.4, apollo-utilities@^1.0.0, apollo-utilities@^1.0.1, apollo
version "1.0.4"
resolved "https://registry.yarnpkg.com/apollo-utilities/-/apollo-utilities-1.0.4.tgz#560009ea5541b9fdc4ee07ebb1714ee319a76c15"
apollo@^0.2.2:
apollo@0.2.2, apollo@^0.2.2:
version "0.2.2"
resolved "https://registry.yarnpkg.com/apollo/-/apollo-0.2.2.tgz#e409f53765bbf98efa3d127a2789c63bccd025d6"
dependencies:
@ -4738,6 +4738,10 @@ functional-red-black-tree@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
fuse.js@^3.2.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/fuse.js/-/fuse.js-3.2.0.tgz#f0448e8069855bf2a3e683cdc1d320e7e2a07ef4"
fwrule@^1.4.1:
version "1.4.1"
resolved "https://registry.yarnpkg.com/fwrule/-/fwrule-1.4.1.tgz#41f24a1d9eac22b8cf20c65dd9dab4240ad11a1f"