mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-08-31 11:58:40 +09:00
a02ef4f1d7
As of this change, flex items in a vertical flex container will sometimes be considered to have "indefinite" sizes, i.e. percent sizes in them will no longer resolve. To work around this, they need to provide a definite flex-basis (e.g. as part of the "flex" shorthand property) if we want percent sizes to resolve (instead of being treated as "auto") inside of them.
109 lines
1.8 KiB
CSS
109 lines
1.8 KiB
CSS
% This Source Code Form is subject to the terms of the Mozilla Public
|
|
% License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
% file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
|
|
@import url("chrome://global/skin/in-content/common.css");
|
|
/* Body and container */
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box;
|
|
min-height: 100vh;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-inline-start: calc(48px + 4.6em);
|
|
padding-inline-end: 48px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.container {
|
|
min-width: 13em;
|
|
max-width: 52em;
|
|
}
|
|
|
|
.container.restore-chosen {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
margin: 10vh 0;
|
|
}
|
|
|
|
/* Typography */
|
|
.title {
|
|
background-image: url("chrome://global/skin/icons/info.svg");
|
|
background-position: left 0;
|
|
background-repeat: no-repeat;
|
|
background-size: 1.6em;
|
|
margin-inline-start: -2.3em;
|
|
padding-inline-start: 2.3em;
|
|
font-size: 2.5em;
|
|
}
|
|
|
|
.title:dir(rtl) {
|
|
background-position: right 0;
|
|
}
|
|
|
|
.title-text {
|
|
border-bottom: 1px solid #C1C1C1;
|
|
font-size: inherit;
|
|
padding-bottom: 0.4em;
|
|
}
|
|
|
|
@media (max-width: 675px) {
|
|
body {
|
|
padding: 0 48px;
|
|
}
|
|
|
|
.title {
|
|
background-image: none !important;
|
|
padding-inline-start: 0;
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
.title-text {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
ul, ol {
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-inline-start: 1em;
|
|
}
|
|
|
|
ul > li, ol > li {
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
ul {
|
|
list-style: disc;
|
|
}
|
|
|
|
/* Buttons */
|
|
.button-container {
|
|
margin-top: 1.2em;
|
|
}
|
|
|
|
.button-container > button {
|
|
min-width: 150px;
|
|
}
|
|
|
|
.button-container > button:first-child {
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
/* Trees */
|
|
.tree-container {
|
|
margin-top: 1.2em;
|
|
flex: 1 0px;
|
|
min-height: 12em;
|
|
}
|
|
|
|
.tree-container > tree {
|
|
height: 100%;
|
|
}
|
|
|
|
tree {
|
|
width: 100%;
|
|
}
|