Add ability to restore previous layout.

This commit is contained in:
Greyson Parrelli
2026-08-27 10:55:04 -04:00
parent 5cb9bb117a
commit 0bf85b3b2a
6 changed files with 1029 additions and 33 deletions
+58
View File
@@ -79,6 +79,64 @@ button.playpen-header-button:hover,
border-top: 1px solid @pp_border;
}
/* The restore-session offer, between the tab list and the footer. Rules of its
own rather than a reused row style: it is not a tab, and styling it as one
would put a fifth thing in a column of four that all select something.
Bordered top and bottom so it reads as a band across the sidebar rather than
a card floating in it — the footer below already draws the same hairline, and
the pair of them frame the offer without adding a third weight. The accent
tint is what makes it the one thing in the column asking to be clicked, kept
low enough that it does not compete with the selected row above it. */
.playpen-restore {
padding: 6px 8px;
border-top: 1px solid @pp_border;
background-color: alpha(@pp_accent_strong, 0.08);
}
.playpen-restore-action {
padding: 5px 6px;
border-radius: 8px;
color: @pp_text_dim;
}
.playpen-restore-action:hover {
background-color: alpha(@pp_accent_strong, 0.16);
color: @pp_text;
}
/* The one accent-colored thing in the banner, so that what draws the eye is the
symbol for the action rather than the sentence describing it. */
.playpen-restore-icon {
color: @pp_accent_strong;
}
.playpen-restore-title {
font-weight: bold;
font-size: 0.92em;
}
/* How many tabs are on offer, sized and dimmed like the sublabels in the
settings dialog: a caption on the action above it, not a second action. */
.playpen-restore-detail {
color: @pp_text_faint;
font-size: 0.82em;
}
/* Quieter than the action beside it, and quieter still than a tab's close
button, which at least closes something you were looking at. Saying no to
this should be easy to find and hard to hit by accident. */
.playpen-restore-dismiss {
min-width: 22px;
min-height: 22px;
padding: 0;
color: @pp_text_faint;
}
.playpen-restore-dismiss:hover {
color: @pp_text;
}
.playpen-settings-button {
min-width: 26px;
min-height: 26px;