@@ -392,20 +354,20 @@ exports[`connected settings false 1`] = `
`;
exports[`connected settings true 1`] = `
-.c5 {
+.c6 {
display: inline-block;
transition: color .3s;
- padding-right: 8px;
+ padding-right: 16px;
color: #FFFFFF;
}
-.c11 {
+.c10 {
display: inline-block;
transition: color .3s;
color: #FFFFFF;
}
-.c10 {
+.c9 {
align-items: center;
border: none;
cursor: pointer;
@@ -427,20 +389,20 @@ exports[`connected settings true 1`] = `
color: rgba(255,255,255,0.56);
}
-.c10 .c4 {
+.c9 .c5 {
color: inherit;
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:hover,
-.c10:focus {
+.c9:hover,
+.c9:focus {
background: rgba(255,255,255,0.1);
}
@@ -452,12 +414,6 @@ exports[`connected settings true 1`] = `
padding-right: 16px;
}
-.c3 {
- overflow: hidden;
- text-overflow: ellipsis;
- margin: 0px;
-}
-
.c0 {
box-sizing: border-box;
display: flex;
@@ -474,31 +430,29 @@ exports[`connected settings true 1`] = `
flex-direction: row;
}
-.c7 {
+.c3 {
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
-.c8 {
+.c4 {
box-sizing: border-box;
display: flex;
align-items: center;
}
-.c6 {
+.c8 {
font-weight: 600;
font-size: 18px;
align-self: 'center';
}
-.c9 {
- width: 10px;
- height: 10px;
- border-radius: 10px;
- margin-right: 6px;
- vertical-align: text-bottom;
+.c7 {
+ font-weight: 600;
+ font-size: 22px;
+ align-self: 'center';
}
@@ -518,45 +472,34 @@ exports[`connected settings true 1`] = `
-
- Clipboard Sharing
- Enabled
-
-
-
-
-
- Recording
-
+ title="Clipboard Sharing Enabled"
+ />
@@ -571,20 +514,20 @@ exports[`connected settings true 1`] = `
`;
exports[`connection error 1`] = `
-.c5 {
+.c6 {
display: inline-block;
transition: color .3s;
- padding-right: 8px;
+ padding-right: 16px;
color: #FFFFFF;
}
-.c11 {
+.c10 {
display: inline-block;
transition: color .3s;
color: #FFFFFF;
}
-.c10 {
+.c9 {
align-items: center;
border: none;
cursor: pointer;
@@ -606,20 +549,20 @@ exports[`connection error 1`] = `
color: rgba(255,255,255,0.56);
}
-.c10 .c4 {
+.c9 .c5 {
color: inherit;
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:hover,
-.c10:focus {
+.c9:hover,
+.c9:focus {
background: rgba(255,255,255,0.1);
}
@@ -631,12 +574,6 @@ exports[`connection error 1`] = `
padding-right: 16px;
}
-.c3 {
- overflow: hidden;
- text-overflow: ellipsis;
- margin: 0px;
-}
-
.c0 {
box-sizing: border-box;
display: flex;
@@ -653,34 +590,32 @@ exports[`connection error 1`] = `
flex-direction: row;
}
-.c7 {
+.c3 {
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
-.c8 {
+.c4 {
box-sizing: border-box;
display: flex;
align-items: center;
}
-.c6 {
+.c8 {
font-weight: 600;
font-size: 18px;
align-self: 'center';
}
-.c9 {
- width: 10px;
- height: 10px;
- border-radius: 10px;
- margin-right: 6px;
- vertical-align: text-bottom;
+.c7 {
+ font-weight: 600;
+ font-size: 22px;
+ align-self: 'center';
}
-.c12 {
+.c11 {
display: flex;
align-items: center;
justify-content: center;
@@ -703,7 +638,7 @@ exports[`connection error 1`] = `
min-width: 450px;
}
-.c12 a {
+.c11 a {
color: #FFFFFF;
}
@@ -724,45 +659,34 @@ exports[`connection error 1`] = `
-
- Clipboard Sharing
- Disabled
-
-
-
-
- Not
- Recording
-
+ title="Clipboard Sharing Disabled"
+ />
@@ -770,7 +694,7 @@ exports[`connection error 1`] = `
some connection error
@@ -783,26 +707,26 @@ exports[`connection error 1`] = `
`;
exports[`disconnected 1`] = `
-.c12 {
+.c11 {
box-sizing: border-box;
margin: 72px;
text-align: center;
}
-.c5 {
+.c6 {
display: inline-block;
transition: color .3s;
- padding-right: 8px;
+ padding-right: 16px;
color: #FFFFFF;
}
-.c11 {
+.c10 {
display: inline-block;
transition: color .3s;
color: #FFFFFF;
}
-.c10 {
+.c9 {
align-items: center;
border: none;
cursor: pointer;
@@ -824,20 +748,20 @@ exports[`disconnected 1`] = `
color: rgba(255,255,255,0.56);
}
-.c10 .c4 {
+.c9 .c5 {
color: inherit;
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:hover,
-.c10:focus {
+.c9:hover,
+.c9:focus {
background: rgba(255,255,255,0.1);
}
@@ -849,7 +773,7 @@ exports[`disconnected 1`] = `
padding-right: 16px;
}
-.c3 {
+.c12 {
overflow: hidden;
text-overflow: ellipsis;
margin: 0px;
@@ -871,31 +795,29 @@ exports[`disconnected 1`] = `
flex-direction: row;
}
-.c7 {
+.c3 {
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
-.c8 {
+.c4 {
box-sizing: border-box;
display: flex;
align-items: center;
}
-.c6 {
+.c8 {
font-weight: 600;
font-size: 18px;
align-self: 'center';
}
-.c9 {
- width: 10px;
- height: 10px;
- border-radius: 10px;
- margin-right: 6px;
- vertical-align: text-bottom;
+.c7 {
+ font-weight: 600;
+ font-size: 22px;
+ align-self: 'center';
}
@@ -915,45 +837,34 @@ exports[`disconnected 1`] = `
-
- Clipboard Sharing
- Disabled
-
-
-
-
- Not
- Recording
-
+ title="Clipboard Sharing Disabled"
+ />
@@ -961,10 +872,10 @@ exports[`disconnected 1`] = `
Session successfully disconnected
@@ -977,20 +888,20 @@ exports[`disconnected 1`] = `
`;
exports[`fetch error 1`] = `
-.c5 {
+.c6 {
display: inline-block;
transition: color .3s;
- padding-right: 8px;
+ padding-right: 16px;
color: #FFFFFF;
}
-.c11 {
+.c10 {
display: inline-block;
transition: color .3s;
color: #FFFFFF;
}
-.c10 {
+.c9 {
align-items: center;
border: none;
cursor: pointer;
@@ -1012,20 +923,20 @@ exports[`fetch error 1`] = `
color: rgba(255,255,255,0.56);
}
-.c10 .c4 {
+.c9 .c5 {
color: inherit;
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:hover,
-.c10:focus {
+.c9:hover,
+.c9:focus {
background: rgba(255,255,255,0.1);
}
@@ -1037,12 +948,6 @@ exports[`fetch error 1`] = `
padding-right: 16px;
}
-.c3 {
- overflow: hidden;
- text-overflow: ellipsis;
- margin: 0px;
-}
-
.c0 {
box-sizing: border-box;
display: flex;
@@ -1059,34 +964,32 @@ exports[`fetch error 1`] = `
flex-direction: row;
}
-.c7 {
+.c3 {
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
-.c8 {
+.c4 {
box-sizing: border-box;
display: flex;
align-items: center;
}
-.c6 {
+.c8 {
font-weight: 600;
font-size: 18px;
align-self: 'center';
}
-.c9 {
- width: 10px;
- height: 10px;
- border-radius: 10px;
- margin-right: 6px;
- vertical-align: text-bottom;
+.c7 {
+ font-weight: 600;
+ font-size: 22px;
+ align-self: 'center';
}
-.c12 {
+.c11 {
display: flex;
align-items: center;
justify-content: center;
@@ -1109,7 +1012,7 @@ exports[`fetch error 1`] = `
min-width: 450px;
}
-.c12 a {
+.c11 a {
color: #FFFFFF;
}
@@ -1130,45 +1033,34 @@ exports[`fetch error 1`] = `
-
- Clipboard Sharing
- Disabled
-
-
-
-
- Not
- Recording
-
+ title="Clipboard Sharing Disabled"
+ />
@@ -1176,7 +1068,7 @@ exports[`fetch error 1`] = `
some fetch error
@@ -1189,20 +1081,20 @@ exports[`fetch error 1`] = `
`;
exports[`unintended disconnect 1`] = `
-.c5 {
+.c6 {
display: inline-block;
transition: color .3s;
- padding-right: 8px;
+ padding-right: 16px;
color: #FFFFFF;
}
-.c11 {
+.c10 {
display: inline-block;
transition: color .3s;
color: #FFFFFF;
}
-.c10 {
+.c9 {
align-items: center;
border: none;
cursor: pointer;
@@ -1224,20 +1116,20 @@ exports[`unintended disconnect 1`] = `
color: rgba(255,255,255,0.56);
}
-.c10 .c4 {
+.c9 .c5 {
color: inherit;
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:hover,
-.c10:focus {
+.c9:hover,
+.c9:focus {
background: rgba(255,255,255,0.1);
}
@@ -1249,12 +1141,6 @@ exports[`unintended disconnect 1`] = `
padding-right: 16px;
}
-.c3 {
- overflow: hidden;
- text-overflow: ellipsis;
- margin: 0px;
-}
-
.c0 {
box-sizing: border-box;
display: flex;
@@ -1271,34 +1157,32 @@ exports[`unintended disconnect 1`] = `
flex-direction: row;
}
-.c7 {
+.c3 {
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
-.c8 {
+.c4 {
box-sizing: border-box;
display: flex;
align-items: center;
}
-.c6 {
+.c8 {
font-weight: 600;
font-size: 18px;
align-self: 'center';
}
-.c9 {
- width: 10px;
- height: 10px;
- border-radius: 10px;
- margin-right: 6px;
- vertical-align: text-bottom;
+.c7 {
+ font-weight: 600;
+ font-size: 22px;
+ align-self: 'center';
}
-.c12 {
+.c11 {
display: flex;
align-items: center;
justify-content: center;
@@ -1321,7 +1205,7 @@ exports[`unintended disconnect 1`] = `
min-width: 450px;
}
-.c12 a {
+.c11 a {
color: #FFFFFF;
}
@@ -1342,45 +1226,34 @@ exports[`unintended disconnect 1`] = `
-
- Clipboard Sharing
- Disabled
-
-
-
-
- Not
- Recording
-
+ title="Clipboard Sharing Disabled"
+ />
@@ -1388,7 +1261,7 @@ exports[`unintended disconnect 1`] = `
Session disconnected for an unknown reason
@@ -1401,26 +1274,26 @@ exports[`unintended disconnect 1`] = `
`;
exports[`webauthn prompt 1`] = `
-.c12 {
+.c11 {
box-sizing: border-box;
margin: 72px;
text-align: center;
}
-.c5 {
+.c6 {
display: inline-block;
transition: color .3s;
- padding-right: 8px;
+ padding-right: 16px;
color: #FFFFFF;
}
-.c11 {
+.c10 {
display: inline-block;
transition: color .3s;
color: #FFFFFF;
}
-.c10 {
+.c9 {
align-items: center;
border: none;
cursor: pointer;
@@ -1442,20 +1315,20 @@ exports[`webauthn prompt 1`] = `
color: rgba(255,255,255,0.56);
}
-.c10 .c4 {
+.c9 .c5 {
color: inherit;
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:disabled {
+.c9:disabled {
color: rgba(255,255,255,0.3);
}
-.c10:hover,
-.c10:focus {
+.c9:hover,
+.c9:focus {
background: rgba(255,255,255,0.1);
}
@@ -1467,12 +1340,6 @@ exports[`webauthn prompt 1`] = `
padding-right: 16px;
}
-.c3 {
- overflow: hidden;
- text-overflow: ellipsis;
- margin: 0px;
-}
-
.c0 {
box-sizing: border-box;
display: flex;
@@ -1489,31 +1356,29 @@ exports[`webauthn prompt 1`] = `
flex-direction: row;
}
-.c7 {
+.c3 {
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
-.c8 {
+.c4 {
box-sizing: border-box;
display: flex;
align-items: center;
}
-.c6 {
+.c8 {
font-weight: 600;
font-size: 18px;
align-self: 'center';
}
-.c9 {
- width: 10px;
- height: 10px;
- border-radius: 10px;
- margin-right: 6px;
- vertical-align: text-bottom;
+.c7 {
+ font-weight: 600;
+ font-size: 22px;
+ align-self: 'center';
}
@@ -1533,45 +1398,34 @@ exports[`webauthn prompt 1`] = `
-
- Clipboard Sharing
- Disabled
-
-
-
-
- Not
- Recording
-
+ title="Clipboard Sharing Disabled"
+ />
@@ -1579,7 +1433,7 @@ exports[`webauthn prompt 1`] = `