Remove dead CSS: delete unused compact-widgets.css, deduplicate globals.css
- Delete compact-widgets.css (378 lines, never imported anywhere) - Remove duplicate singleNoteWidget block in globals.css (exact copy-paste) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Claude
Vendored
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
/// <reference types="next" />
|
/// <reference types="next" />
|
||||||
/// <reference types="next/image-types/global" />
|
/// <reference types="next/image-types/global" />
|
||||||
import "./.next/dev/types/routes.d.ts";
|
import "./.next/types/routes.d.ts";
|
||||||
|
|
||||||
// NOTE: This file should not be edited
|
// NOTE: This file should not be edited
|
||||||
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
|
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
|
||||||
|
|||||||
@@ -1,378 +0,0 @@
|
|||||||
/* =========================================================
|
|
||||||
Compact Widgets
|
|
||||||
Ziel: Widgets selbst schlanker machen, ohne Funktionen zu entfernen
|
|
||||||
========================================================= */
|
|
||||||
|
|
||||||
/* Widget-Grundlayout */
|
|
||||||
.widgetCard {
|
|
||||||
border-radius: 14px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetHeader {
|
|
||||||
min-height: 24px !important;
|
|
||||||
padding: 3px 7px 1px !important;
|
|
||||||
gap: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetCardEditMode .widgetHeader {
|
|
||||||
padding-left: 30px !important;
|
|
||||||
padding-right: 32px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetContent {
|
|
||||||
padding: 5px 7px 7px !important;
|
|
||||||
gap: 6px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetTitle {
|
|
||||||
min-height: 22px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetTitle h2 {
|
|
||||||
margin: 0 !important;
|
|
||||||
font-size: calc(13px * var(--widget-font-scale, 1)) !important;
|
|
||||||
line-height: 1.08 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetTitleInput {
|
|
||||||
min-height: 22px !important;
|
|
||||||
height: 22px !important;
|
|
||||||
padding: 0 6px !important;
|
|
||||||
font-size: calc(13px * var(--widget-font-scale, 1)) !important;
|
|
||||||
line-height: 22px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Kleine Header-Actions */
|
|
||||||
.widgetDragHandle {
|
|
||||||
top: 3px !important;
|
|
||||||
left: 6px !important;
|
|
||||||
width: 19px !important;
|
|
||||||
height: 21px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetMenu {
|
|
||||||
top: 3px !important;
|
|
||||||
right: 6px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetMenuButton {
|
|
||||||
width: 22px !important;
|
|
||||||
min-width: 22px !important;
|
|
||||||
height: 22px !important;
|
|
||||||
min-height: 22px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.noteHeaderEditButton {
|
|
||||||
width: 24px !important;
|
|
||||||
min-width: 24px !important;
|
|
||||||
height: 24px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dropdown kompakter */
|
|
||||||
.widgetDropdown {
|
|
||||||
top: 25px !important;
|
|
||||||
min-width: 178px !important;
|
|
||||||
padding: 5px !important;
|
|
||||||
gap: 3px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetDropdownButton {
|
|
||||||
min-height: 28px !important;
|
|
||||||
padding: 0 8px !important;
|
|
||||||
font-size: 12px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Allgemeine Controls in Widgets */
|
|
||||||
.widgetCard .button,
|
|
||||||
.widgetCard .buttonSecondary,
|
|
||||||
.widgetCard .input,
|
|
||||||
.widgetCard .select,
|
|
||||||
.widgetCard .searchInput {
|
|
||||||
min-height: 28px !important;
|
|
||||||
font-size: 12px !important;
|
|
||||||
border-radius: 8px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetCard .button,
|
|
||||||
.widgetCard .buttonSecondary {
|
|
||||||
padding: 0 9px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetCard .input,
|
|
||||||
.widgetCard .select,
|
|
||||||
.widgetCard .searchInput {
|
|
||||||
padding: 0 8px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Formularabstände */
|
|
||||||
.widgetCard form,
|
|
||||||
.widgetCard .fieldLabel,
|
|
||||||
.widgetCard .settingsButtonRow {
|
|
||||||
gap: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetCard .muted,
|
|
||||||
.widgetCard .errorText,
|
|
||||||
.widgetCard .successText {
|
|
||||||
margin-top: 3px !important;
|
|
||||||
margin-bottom: 3px !important;
|
|
||||||
font-size: 12px !important;
|
|
||||||
line-height: 1.25 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Links/Favoriten Liste */
|
|
||||||
.favoriteTileList,
|
|
||||||
.favoritesList {
|
|
||||||
gap: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoriteSortableItem,
|
|
||||||
.favoriteItem {
|
|
||||||
gap: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoriteTile {
|
|
||||||
min-height: 32px !important;
|
|
||||||
padding: 5px 7px !important;
|
|
||||||
gap: 6px !important;
|
|
||||||
border-radius: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoriteIcon {
|
|
||||||
width: 24px !important;
|
|
||||||
height: 24px !important;
|
|
||||||
min-width: 24px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoriteTitle {
|
|
||||||
font-size: calc(12px * var(--widget-font-scale, 1)) !important;
|
|
||||||
line-height: 1.15 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoriteItemActions {
|
|
||||||
gap: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoriteEditButton,
|
|
||||||
.favoriteDeleteButton {
|
|
||||||
width: 26px !important;
|
|
||||||
min-width: 26px !important;
|
|
||||||
height: 26px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoriteActionIcon {
|
|
||||||
width: 15px !important;
|
|
||||||
height: 15px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoriteAddForm {
|
|
||||||
gap: 5px !important;
|
|
||||||
margin-top: 6px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoriteInlineEditForm {
|
|
||||||
gap: 6px !important;
|
|
||||||
margin-top: 6px !important;
|
|
||||||
padding: 8px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Links/Favoriten Kachelmodus */
|
|
||||||
.favoritesWidgetGridMode .favoriteTileList {
|
|
||||||
gap: 6px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoritesWidgetGridMode .favoriteTile {
|
|
||||||
min-height: 62px !important;
|
|
||||||
padding: 5px 4px !important;
|
|
||||||
gap: 3px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoritesWidgetGridMode .favoriteTile .favoriteIcon {
|
|
||||||
width: clamp(18px, 44cqi, 32px) !important;
|
|
||||||
height: clamp(18px, 44cqi, 32px) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.favoritesWidgetGridMode .favoriteTile .favoriteTitle {
|
|
||||||
font-size: clamp(8px, 15cqi, 10.5px) !important;
|
|
||||||
line-height: 1.08 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Notiz Widget */
|
|
||||||
.singleNoteWidget,
|
|
||||||
.noteMarkdownEditor {
|
|
||||||
gap: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.noteMarkdownToolbar {
|
|
||||||
gap: 3px !important;
|
|
||||||
padding: 3px !important;
|
|
||||||
border-radius: 9px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.noteMarkdownToolbar button,
|
|
||||||
.markdownToolbarButton {
|
|
||||||
min-width: 25px !important;
|
|
||||||
min-height: 24px !important;
|
|
||||||
height: 24px !important;
|
|
||||||
padding: 0 6px !important;
|
|
||||||
font-size: 11px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.noteTextarea,
|
|
||||||
.singleNoteTextarea {
|
|
||||||
padding: 7px !important;
|
|
||||||
font-size: 12px !important;
|
|
||||||
line-height: 1.35 !important;
|
|
||||||
border-radius: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.noteMarkdownPreview {
|
|
||||||
padding: 6px !important;
|
|
||||||
font-size: 12px !important;
|
|
||||||
line-height: 1.35 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.noteMarkdownPreview p,
|
|
||||||
.noteMarkdownPreview ul,
|
|
||||||
.noteMarkdownPreview ol {
|
|
||||||
margin-top: 4px !important;
|
|
||||||
margin-bottom: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Suche */
|
|
||||||
.searchWidgetForm {
|
|
||||||
gap: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetCard-search .searchWidgetForm {
|
|
||||||
gap: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.widgetCard-search .searchInput {
|
|
||||||
min-height: 28px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Kalender */
|
|
||||||
.calendarHeader {
|
|
||||||
gap: 4px !important;
|
|
||||||
margin-bottom: 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendarNavButton,
|
|
||||||
.calendarMonthButton {
|
|
||||||
min-height: 26px !important;
|
|
||||||
padding: 0 7px !important;
|
|
||||||
font-size: 11px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendarWeekdays {
|
|
||||||
gap: 3px !important;
|
|
||||||
margin-bottom: 3px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendarWeekday {
|
|
||||||
font-size: 10px !important;
|
|
||||||
line-height: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendarGrid {
|
|
||||||
gap: 3px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendarDay {
|
|
||||||
min-height: 24px !important;
|
|
||||||
padding: 2px !important;
|
|
||||||
border-radius: 7px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendarDayNumber {
|
|
||||||
font-size: 10px !important;
|
|
||||||
line-height: 1 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendarEventCount {
|
|
||||||
min-width: 13px !important;
|
|
||||||
height: 13px !important;
|
|
||||||
font-size: 9px !important;
|
|
||||||
line-height: 13px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nextEventsBlock {
|
|
||||||
margin-top: 6px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nextEventsBlock h3 {
|
|
||||||
margin: 0 0 4px !important;
|
|
||||||
font-size: 12px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.eventList {
|
|
||||||
gap: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.eventItem {
|
|
||||||
padding: 6px !important;
|
|
||||||
border-radius: 9px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.eventDate,
|
|
||||||
.eventLocation {
|
|
||||||
font-size: 10.5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.eventTitle {
|
|
||||||
font-size: 12px !important;
|
|
||||||
line-height: 1.2 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Kalenderquelle im Editmodus */
|
|
||||||
.calendarSourcePanel {
|
|
||||||
margin-bottom: 6px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendarSourceForm {
|
|
||||||
gap: 6px !important;
|
|
||||||
padding-top: 6px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Taschenrechner im Widget etwas dichter */
|
|
||||||
.widgetCard-calculator .widgetContent {
|
|
||||||
padding: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Domaincheck */
|
|
||||||
.domainCheckWidget {
|
|
||||||
gap: 7px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.domainCheckField {
|
|
||||||
gap: 4px !important;
|
|
||||||
font-size: 11px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.domainCheckInputRow {
|
|
||||||
gap: 5px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.domainCheckResult {
|
|
||||||
gap: 6px !important;
|
|
||||||
padding: 8px !important;
|
|
||||||
border-radius: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.domainCheckStatusBadge {
|
|
||||||
padding: 2px 7px !important;
|
|
||||||
font-size: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Uhr */
|
|
||||||
.widgetCard-clock .widgetContent {
|
|
||||||
padding: 2px 4px 4px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Generell weniger Innenabstand bei sehr kleinen Widgets */
|
|
||||||
.react-grid-item[style*="height: 20px"] .widgetContent,
|
|
||||||
.react-grid-item[style*="height: 30px"] .widgetContent,
|
|
||||||
.react-grid-item[style*="height: 40px"] .widgetContent {
|
|
||||||
padding: 3px 5px !important;
|
|
||||||
}
|
|
||||||
@@ -1361,54 +1361,6 @@ button:disabled {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.singleNoteWidget {
|
|
||||||
height: 100%;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: minmax(0, 1fr) auto;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.singleNoteTextarea {
|
|
||||||
height: 100%;
|
|
||||||
min-height: 0;
|
|
||||||
resize: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.singleNoteWidget .todoEditor {
|
|
||||||
min-height: 0;
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.singleNoteWidget .noteDeleteButton {
|
|
||||||
justify-self: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
.singleNoteWidget .todoTask {
|
|
||||||
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@container (max-width: 240px) {
|
|
||||||
.singleNoteWidget .todoTask {
|
|
||||||
grid-template-columns: auto minmax(0, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
.singleNoteWidget .todoDeleteButton {
|
|
||||||
grid-column: 1 / -1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@container (max-height: 160px) {
|
|
||||||
.singleNoteWidget {
|
|
||||||
gap: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.singleNoteWidget .noteDeleteButton,
|
|
||||||
.singleNoteWidget .todoDeleteButton,
|
|
||||||
.singleNoteWidget .todoAddForm {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.todoAddForm {
|
.todoAddForm {
|
||||||
grid-template-columns: minmax(0, 1fr) 40px;
|
grid-template-columns: minmax(0, 1fr) 40px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user