@robotical/martyblocksjr 4.2.4 → 4.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -59,6 +59,15 @@
|
|
|
59
59
|
padding-top: 2px;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
+
.connectButton:focus-visible {
|
|
63
|
+
outline: ${css_vh(0.3)} solid #133C46;
|
|
64
|
+
outline-offset: ${css_vh(0.15)};
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.connectButton.connectButtonPointerFocus:focus {
|
|
68
|
+
outline: none;
|
|
69
|
+
}
|
|
70
|
+
|
|
62
71
|
.extensionAddButton {
|
|
63
72
|
position: absolute;
|
|
64
73
|
right: -${css_vh(1.45)};
|
|
@@ -68,7 +77,7 @@
|
|
|
68
77
|
height: ${css_vh(5)};
|
|
69
78
|
background: transparent;
|
|
70
79
|
border: 0;
|
|
71
|
-
display:
|
|
80
|
+
display: none !important;
|
|
72
81
|
justify-content: center;
|
|
73
82
|
align-items: center;
|
|
74
83
|
cursor: pointer;
|
|
@@ -107,8 +116,11 @@
|
|
|
107
116
|
.connectButtonConnected {
|
|
108
117
|
/* background: #4bfaa3; */
|
|
109
118
|
display: grid;
|
|
110
|
-
grid-template-rows:
|
|
111
|
-
|
|
119
|
+
grid-template-rows:
|
|
120
|
+
minmax(0, 2.2fr)
|
|
121
|
+
minmax(0, 1fr)
|
|
122
|
+
minmax(0, 0.95fr);
|
|
123
|
+
grid-template-columns: minmax(0, 1fr);
|
|
112
124
|
justify-content: space-between;
|
|
113
125
|
align-items: center;
|
|
114
126
|
flex-direction: column;
|
|
@@ -116,14 +128,22 @@
|
|
|
116
128
|
}
|
|
117
129
|
|
|
118
130
|
.connectButtonConnected .connectIcon {
|
|
119
|
-
margin-bottom:
|
|
131
|
+
margin-bottom: 0;
|
|
120
132
|
display: grid;
|
|
121
|
-
width: ${css_vh(4.5)};
|
|
133
|
+
width: ${css_vh(4.5)};
|
|
134
|
+
height: 100%;
|
|
122
135
|
align-items: center;
|
|
123
136
|
align-self: center;
|
|
124
137
|
justify-self: center;
|
|
125
138
|
}
|
|
126
139
|
|
|
140
|
+
.connectButtonConnected .connectIcon svg,
|
|
141
|
+
.connectButtonConnected .batteryAndSignalContainer svg {
|
|
142
|
+
display: block;
|
|
143
|
+
width: 100%;
|
|
144
|
+
height: 100%;
|
|
145
|
+
}
|
|
146
|
+
|
|
127
147
|
.iconButtonContainer {
|
|
128
148
|
width: 65%;
|
|
129
149
|
height: 20%;
|
|
@@ -142,32 +162,46 @@
|
|
|
142
162
|
} */
|
|
143
163
|
.connectedButtonContainer {
|
|
144
164
|
position: absolute;
|
|
145
|
-
top:
|
|
146
|
-
left:
|
|
147
|
-
width:
|
|
148
|
-
height:
|
|
165
|
+
top: -${css_vh(0.9)};
|
|
166
|
+
left: -${css_vh(0.9)};
|
|
167
|
+
width: ${css_vh(3)};
|
|
168
|
+
height: ${css_vh(3)};
|
|
149
169
|
background-image: url('../assets/connection/disconnect_btn-default.svg');
|
|
150
170
|
}
|
|
151
|
-
|
|
152
|
-
|
|
171
|
+
@media (hover: hover) and (pointer: fine) {
|
|
172
|
+
.connectButton:hover .connectedButtonContainer {
|
|
173
|
+
background-image: url('../assets/connection/disconnect_btn-hover.svg');
|
|
174
|
+
}
|
|
153
175
|
}
|
|
154
176
|
|
|
155
177
|
.raftNameConnectButton {
|
|
156
178
|
display: flex;
|
|
179
|
+
box-sizing: border-box;
|
|
180
|
+
min-width: 0;
|
|
181
|
+
max-width: 100%;
|
|
157
182
|
align-items: center;
|
|
158
|
-
justify-content:
|
|
183
|
+
justify-content: flex-start;
|
|
159
184
|
color: #17351d;
|
|
160
185
|
align-self: center;
|
|
161
186
|
justify-self: center;
|
|
162
187
|
background: #89c761;
|
|
163
188
|
font-family: 'Lato Regular';
|
|
164
|
-
|
|
189
|
+
font-size: ${css_vh(1.25)};
|
|
190
|
+
line-height: 1;
|
|
191
|
+
padding: 0 ${css_vh(0.15)};
|
|
192
|
+
text-align: left;
|
|
193
|
+
white-space: nowrap;
|
|
194
|
+
overflow: hidden;
|
|
195
|
+
text-overflow: ellipsis;
|
|
165
196
|
height: 100%;
|
|
166
197
|
width: 100%;
|
|
167
198
|
border-radius: 4px;
|
|
168
199
|
}
|
|
169
200
|
|
|
170
201
|
.batteryAndSignalContainer {
|
|
202
|
+
box-sizing: border-box;
|
|
203
|
+
min-width: 0;
|
|
204
|
+
max-width: 100%;
|
|
171
205
|
width: 100%;
|
|
172
206
|
display: flex;
|
|
173
207
|
/* justify-content: space-evenly; */
|
|
@@ -177,7 +211,14 @@
|
|
|
177
211
|
}
|
|
178
212
|
|
|
179
213
|
.connectButtonConnected .batteryAndSignalContainer {
|
|
180
|
-
|
|
214
|
+
height: 100%;
|
|
215
|
+
margin-bottom: 0;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.connectButtonConnected .batteryIndicatorContainer,
|
|
219
|
+
.connectButtonConnected .signalIndicatorContainer {
|
|
220
|
+
height: 100%;
|
|
221
|
+
align-items: center;
|
|
181
222
|
}
|
|
182
223
|
|
|
183
224
|
.batteryIndicatorContainer {
|