dee
This commit is contained in:
parent
33234f32ae
commit
46258a83eb
15 changed files with 1303 additions and 446 deletions
129
css/styles.css
129
css/styles.css
|
|
@ -1,3 +1,4 @@
|
|||
@import url("https://fonts.googleapis.com/css2?family=Yomogi&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&family=M+PLUS+Rounded+1c:wght@400;500;700&family=Yomogi&display=swap");
|
||||
|
||||
:root {
|
||||
|
|
@ -1025,3 +1026,131 @@ body::before {
|
|||
max-height: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tool[data-tool="water_bowl"] { --tool-icon: none; }
|
||||
.tool[data-tool="water_bowl"]::before {
|
||||
content: "\1F963";
|
||||
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
|
||||
font-size: 23px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
}
|
||||
.tool[data-tool="sleep_drug"] { --tool-icon: none; }
|
||||
.tool[data-tool="sleep_drug"]::before {
|
||||
content: "\1F48A";
|
||||
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
|
||||
font-size: 23px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
}
|
||||
.tool[data-tool="nest_box"] { --tool-icon: none; }
|
||||
.tool[data-tool="nest_box"]::before {
|
||||
content: "\1FABA";
|
||||
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
|
||||
font-size: 23px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
}
|
||||
.tool[data-tool="water_hose"] { --tool-icon: none; }
|
||||
.tool[data-tool="water_hose"]::before {
|
||||
content: "\1F6BF";
|
||||
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
|
||||
font-size: 23px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
}
|
||||
.tool[data-tip] { position: relative; }
|
||||
.tool-tip-popover {
|
||||
position: fixed;
|
||||
z-index: 2147483000;
|
||||
width: 220px;
|
||||
max-width: min(220px, calc(100vw - 16px));
|
||||
padding: 7px 9px;
|
||||
border-radius: 10px;
|
||||
background: rgba(46, 38, 30, 0.20);
|
||||
color: #fff8e6;
|
||||
font-family: "Yomogi", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 1.45;
|
||||
box-shadow: 0 10px 28px rgba(40, 32, 22, 0.26);
|
||||
backdrop-filter: blur(2px);
|
||||
text-shadow: 0 1px 3px rgba(25, 18, 12, 0.55);
|
||||
pointer-events: none;
|
||||
}
|
||||
.tool-tip-popover.hidden { display: none; }
|
||||
.selected-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
margin: 8px 0 4px;
|
||||
}
|
||||
.favorite-toggle {
|
||||
border: 1px solid rgba(128, 102, 56, 0.32);
|
||||
border-radius: 999px;
|
||||
background: rgba(255, 248, 221, 0.92);
|
||||
color: #5a4630;
|
||||
font-weight: 700;
|
||||
padding: 5px 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.favorite-toggle.active {
|
||||
background: rgba(255, 229, 122, 0.95);
|
||||
border-color: rgba(180, 132, 34, 0.55);
|
||||
}
|
||||
|
||||
.selected-records {
|
||||
margin-top: 8px;
|
||||
padding-top: 7px;
|
||||
border-top: 1px dashed rgba(126, 96, 64, 0.24);
|
||||
}
|
||||
.selected-records h3 {
|
||||
margin: 0 0 5px;
|
||||
font-size: 12px;
|
||||
color: var(--muted);
|
||||
}
|
||||
.selected-records ol {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
}
|
||||
.selected-records li {
|
||||
display: grid;
|
||||
grid-template-columns: 38px 1fr;
|
||||
gap: 6px;
|
||||
align-items: start;
|
||||
font-size: 11px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
.selected-records li span {
|
||||
color: var(--muted);
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
.selected-records li strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tool[data-tool="water_bowl"]::before,
|
||||
.tool[data-tool="sleep_drug"]::before,
|
||||
.tool[data-tool="nest_box"]::before,
|
||||
.tool[data-tool="water_hose"]::before {
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 50%;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
transform: translateY(-50%);
|
||||
background: none;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tool[data-tool="water_bowl"]::after,
|
||||
.tool[data-tool="sleep_drug"]::after,
|
||||
.tool[data-tool="nest_box"]::after,
|
||||
.tool[data-tool="water_hose"]::after {
|
||||
content: "";
|
||||
background: none;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue