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/image-types/global" />
|
||||
import "./.next/dev/types/routes.d.ts";
|
||||
import "./.next/types/routes.d.ts";
|
||||
|
||||
// NOTE: This file should not be edited
|
||||
// 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 {
|
||||
grid-template-columns: minmax(0, 1fr) 40px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user