1308
1308
.app-feedback-vote input {
1309
1309
min-height: 2.75rem;
1310
1310
}
1311
+
Added:
1312
+
Added:
/* One native <details> action menu per logbook row. The dots keep the table
1313
+
Added:
compact; the drawer carries the destructive action out of the data columns. */
1314
+
Added:
.logbook-actions-heading,
1315
+
Added:
.logbook-actions {
1316
+
Added:
width: 2.75rem;
1317
+
Added:
text-align: right;
1318
+
Added:
}
1319
+
Added:
.logbook-row-menu {
1320
+
Added:
position: relative;
1321
+
Added:
display: inline-block;
1322
+
Added:
}
1323
+
Added:
.logbook-row-menu > summary {
1324
+
Added:
display: grid;
1325
+
Added:
place-items: center;
1326
+
Added:
width: 2rem;
1327
+
Added:
height: 2rem;
1328
+
Added:
border-radius: 50%;
1329
+
Added:
color: var(--ink);
1330
+
Added:
cursor: pointer;
1331
+
Added:
list-style: none;
1332
+
Added:
font-size: 1.35rem;
1333
+
Added:
line-height: 1;
1334
+
Added:
}
1335
+
Added:
.logbook-row-menu > summary::-webkit-details-marker { display: none; }
1336
+
Added:
.logbook-row-menu > summary::marker { content: ""; }
1337
+
Added:
.logbook-row-menu > summary:hover,
1338
+
Added:
.logbook-row-menu[open] > summary { background: var(--brass-wash); }
1339
+
Added:
.logbook-row-menu-drawer {
1340
+
Added:
position: absolute;
1341
+
Added:
right: 0;
1342
+
Added:
z-index: 5;
1343
+
Added:
display: flex;
1344
+
Added:
flex-direction: column;
1345
+
Added:
min-width: 8rem;
1346
+
Added:
padding: 0.3rem;
1347
+
Added:
border: 1px solid var(--rule-strong);
1348
+
Added:
border-radius: var(--radius);
1349
+
Added:
background: var(--paper-raised);
1350
+
Added:
box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.18);
1351
+
Added:
}
1352
+
Added:
.logbook-row-menu[open] > .logbook-row-menu-drawer {
1353
+
Added:
animation: profile-menu-open 150ms ease both;
1354
+
Added:
}
1355
+
Added:
.logbook-row-menu-drawer a {
1356
+
Added:
min-height: 2.5rem;
1357
+
Added:
padding: 0.5rem 0.7rem;
1358
+
Added:
border-radius: var(--radius);
1359
+
Added:
color: var(--ink);
1360
+
Added:
font: inherit;
1361
+
Added:
font-weight: 700;
1362
+
Added:
text-decoration: none;
1363
+
Added:
}
1364
+
Added:
.logbook-row-menu-drawer a:hover { background: #ece4d5; }
1365
+
Added:
.logbook-row-menu-drawer a.danger { color: var(--oxblood-dark); }
1366
+
Added:
.logbook-row-menu-drawer a.danger:hover {
1367
+
Added:
color: var(--paper-raised);
1368
+
Added:
background: var(--oxblood);
1369
+
Added:
}
1370
+
Added:
.confirm-dialog button.danger {
1371
+
Added:
border-color: var(--oxblood-dark);
1372
+
Added:
background: var(--oxblood-dark);
1373
+
Added:
}
1374
+
Added:
.confirm-dialog button.danger:hover { background: var(--oxblood); }
1375
+
Added:
.confirm-dialog .delete-record-form { flex: 1 1 10rem; margin: 0; }
1376
+
Added:
.confirm-dialog .delete-record-form button { width: 100%; }