@inshapardaz/likhari-react 0.1.47-dev.347 → 0.1.47-dev.348
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/theme/editor.css +82 -0
- package/package.json +1 -1
package/dist/theme/editor.css
CHANGED
|
@@ -1216,3 +1216,85 @@
|
|
|
1216
1216
|
.likhari-ribbon-panel [data-danger='true'] {
|
|
1217
1217
|
color: var(--mantine-color-red-6, #e03131);
|
|
1218
1218
|
}
|
|
1219
|
+
|
|
1220
|
+
/* The buttons on the tab row, outside every tab (save, undo, redo; drafts, search, help): flat icons with no
|
|
1221
|
+
border or background at rest. Hover tints them; "on" and "unsaved" are shown by colour and a mark instead
|
|
1222
|
+
of a fill, so the row stays light next to the tabs. */
|
|
1223
|
+
.likhari-ribbon-quick .likhari-toolbar-cluster,
|
|
1224
|
+
.likhari-ribbon-utilities .likhari-toolbar-cluster {
|
|
1225
|
+
border: none;
|
|
1226
|
+
border-radius: 0;
|
|
1227
|
+
background: transparent;
|
|
1228
|
+
overflow: visible;
|
|
1229
|
+
}
|
|
1230
|
+
|
|
1231
|
+
.likhari-ribbon-quick [data-toolbar-toggle],
|
|
1232
|
+
.likhari-ribbon-utilities [data-toolbar-toggle] {
|
|
1233
|
+
position: relative;
|
|
1234
|
+
border: none;
|
|
1235
|
+
border-radius: 6px;
|
|
1236
|
+
background: transparent !important;
|
|
1237
|
+
color: var(--editor-ink-soft);
|
|
1238
|
+
}
|
|
1239
|
+
|
|
1240
|
+
.likhari-ribbon-quick .likhari-toolbar-cluster [data-toolbar-toggle] + [data-toolbar-toggle],
|
|
1241
|
+
.likhari-ribbon-utilities .likhari-toolbar-cluster [data-toolbar-toggle] + [data-toolbar-toggle] {
|
|
1242
|
+
border-inline-start: none;
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1245
|
+
.likhari-ribbon-quick [data-toolbar-toggle]:hover:not(:disabled):not([data-disabled]),
|
|
1246
|
+
.likhari-ribbon-utilities [data-toolbar-toggle]:hover:not(:disabled):not([data-disabled]) {
|
|
1247
|
+
background: var(--editor-accent-soft) !important;
|
|
1248
|
+
color: var(--editor-ink);
|
|
1249
|
+
}
|
|
1250
|
+
|
|
1251
|
+
.likhari-ribbon-quick [data-toolbar-toggle]:disabled,
|
|
1252
|
+
.likhari-ribbon-quick [data-toolbar-toggle][data-disabled],
|
|
1253
|
+
.likhari-ribbon-utilities [data-toolbar-toggle]:disabled,
|
|
1254
|
+
.likhari-ribbon-utilities [data-toolbar-toggle][data-disabled] {
|
|
1255
|
+
color: var(--editor-ink-soft);
|
|
1256
|
+
opacity: 0.45;
|
|
1257
|
+
}
|
|
1258
|
+
|
|
1259
|
+
/* A button that is on (find and replace open): accent icon with a short bar under it. */
|
|
1260
|
+
.likhari-ribbon-quick [data-toolbar-toggle][aria-pressed='true'],
|
|
1261
|
+
.likhari-ribbon-utilities [data-toolbar-toggle][aria-pressed='true'] {
|
|
1262
|
+
color: var(--editor-accent);
|
|
1263
|
+
}
|
|
1264
|
+
|
|
1265
|
+
.likhari-ribbon-quick [data-toolbar-toggle][aria-pressed='true']::after,
|
|
1266
|
+
.likhari-ribbon-utilities [data-toolbar-toggle][aria-pressed='true']::after {
|
|
1267
|
+
content: '';
|
|
1268
|
+
position: absolute;
|
|
1269
|
+
inset-inline: 7px;
|
|
1270
|
+
bottom: 2px;
|
|
1271
|
+
height: 2px;
|
|
1272
|
+
border-radius: 1px;
|
|
1273
|
+
background: var(--editor-accent);
|
|
1274
|
+
}
|
|
1275
|
+
|
|
1276
|
+
/* Save with unsaved changes: accent icon and a dot, not the filled button the classic toolbar uses. */
|
|
1277
|
+
.likhari-ribbon-quick [data-dirty='true'] {
|
|
1278
|
+
color: var(--editor-accent);
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1281
|
+
.likhari-ribbon-quick [data-dirty='true']::after {
|
|
1282
|
+
content: '';
|
|
1283
|
+
position: absolute;
|
|
1284
|
+
top: 4px;
|
|
1285
|
+
inset-inline-end: 4px;
|
|
1286
|
+
width: 7px;
|
|
1287
|
+
height: 7px;
|
|
1288
|
+
border-radius: 50%;
|
|
1289
|
+
background: var(--editor-accent);
|
|
1290
|
+
}
|
|
1291
|
+
|
|
1292
|
+
.likhari-ribbon-quick [data-dirty='true']:hover,
|
|
1293
|
+
.likhari-ribbon-quick [data-dirty='false'] {
|
|
1294
|
+
color: var(--editor-accent);
|
|
1295
|
+
}
|
|
1296
|
+
|
|
1297
|
+
.likhari-ribbon-quick [data-dirty='false']:disabled,
|
|
1298
|
+
.likhari-ribbon-quick [data-dirty='false'][data-disabled] {
|
|
1299
|
+
color: var(--editor-ink-soft);
|
|
1300
|
+
}
|