2019-12-18 21:25:03 +00:00
|
|
|
// hotplug
|
|
|
|
|
|
|
|
.hotplug-transient-box {
|
2019-12-19 15:38:27 +00:00
|
|
|
spacing: 6px;
|
|
|
|
padding: 2px 72px 2px 12px;
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.hotplug-notification-item {
|
2019-12-19 15:38:27 +00:00
|
|
|
@extend %bubble_button;
|
|
|
|
border: none; box-shadow: none;
|
|
|
|
padding: 2px 10px;
|
|
|
|
&:focus { padding: 1px 71px 1px 11px; }
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.hotplug-notification-item-icon {
|
2019-12-19 15:38:27 +00:00
|
|
|
icon-size: 24px;
|
|
|
|
padding: 2px 5px;
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.hotplug-resident-box { spacing: $base_spacing * 2; }
|
|
|
|
|
|
|
|
.hotplug-resident-mount {
|
2019-12-19 15:38:27 +00:00
|
|
|
spacing: $base_spacing * 2;
|
|
|
|
border-radius: 4px;
|
|
|
|
&:hover { background-color: $hover_bg_color; }
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.hotplug-resident-mount-label {
|
2019-12-19 15:38:27 +00:00
|
|
|
color: inherit;
|
|
|
|
padding-left: 6px;
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.hotplug-resident-mount-icon {
|
2019-12-19 15:38:27 +00:00
|
|
|
icon-size: 24px;
|
|
|
|
padding-left: 6px;
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.hotplug-resident-eject-icon {
|
2019-12-19 15:38:27 +00:00
|
|
|
icon-size: 16px;
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.hotplug-resident-eject-button {
|
2019-12-19 15:38:27 +00:00
|
|
|
padding: 7px;
|
|
|
|
border-radius: 5px;
|
|
|
|
color: pink;
|
2019-12-18 21:25:03 +00:00
|
|
|
}
|