This commit is contained in:
33333-33333 2026-06-20 02:07:01 +09:00
commit 46258a83eb
15 changed files with 1303 additions and 446 deletions

View file

@ -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;
}