From d0cb2cdf0fdb2b94587bbc9e2cbfbd1b9ff094f7 Mon Sep 17 00:00:00 2001 From: Adam Weston Date: Sat, 9 Dec 2023 14:20:53 -0500 Subject: [PATCH] Fix: tiptap native media action styling conflict --- resources/css/plugin.css | 1 - resources/dist/curator.css | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/resources/css/plugin.css b/resources/css/plugin.css index f9899ffd..35a74261 100644 --- a/resources/css/plugin.css +++ b/resources/css/plugin.css @@ -67,7 +67,6 @@ [wire\:key*="open_curator_picker"], [wire\:key*="open_curation_panel"], -[wire\:key*="filament_tiptap_media"], .curator-panel { > .fi-modal-window { @apply !p-0; diff --git a/resources/dist/curator.css b/resources/dist/curator.css index 80188ad7..7cc2757b 100644 --- a/resources/dist/curator.css +++ b/resources/dist/curator.css @@ -1 +1 @@ -.curator-grid-container{--grid-layout-gap:1.5rem;--grid-column-count:1;--grid-item--min-width:75px;--gap-count:calc(var(--grid-column-count) - 1);--total-gap-width:calc(var(--gap-count)*var(--grid-layout-gap));--grid-item--max-width:calc((100% - var(--total-gap-width))/var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));grid-gap:var(--grid-layout-gap)}@media (min-width:768px){.curator-grid-container{--grid-column-count:2}}@media (min-width:1024px){.curator-grid-container{--grid-column-count:3}}.checkered{background-color:rgba(var(--gray-200),1);background-image:repeating-linear-gradient(45deg,rgba(var(--gray-300),1) 25%,#0000 25%,#0000 75%,rgba(var(--gray-300),1) 75%,rgba(var(--gray-300),1)),repeating-linear-gradient(45deg,rgba(var(--gray-300),1) 25%,rgba(var(--gray-200),1) 25%,rgba(var(--gray-200),1) 75%,rgba(var(--gray-300),1) 75%,rgba(var(--gray-300),1));background-position:0 0,10px 10px;background-size:20px 20px}.dark .checkered{background-color:rgba(var(--gray-800),1);background-image:repeating-linear-gradient(45deg,rgba(var(--gray-700),1) 25%,#0000 25%,#0000 75%,rgba(var(--gray-700),1) 75%,rgba(var(--gray-700),1)),repeating-linear-gradient(45deg,rgba(var(--gray-700),1) 25%,rgba(var(--gray-800),1) 25%,rgba(var(--gray-800),1) 75%,rgba(var(--gray-700),1) 75%,rgba(var(--gray-700),1))}.fi-resources-media .fi-forms-tabs-component-header{--tw-bg-opacity:1;background-color:rgba(var(--gray-100),var(--tw-bg-opacity))}:is(.dark .fi-resources-media .fi-forms-tabs-component-header){--tw-bg-opacity:1;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))}.fi-resources-media .fi-tables-component .fi-tables-record-checkbox{z-index:1}.curator-panel-sidebar .fi-fo-component-ctn{gap:1rem}.curator-panel-sidebar .fi-fo-component-ctn label{font-size:.875rem;line-height:1.25rem}.curator-panel>.fi-modal-window,[wire\:key*=filament_tiptap_media]>.fi-modal-window,[wire\:key*=open_curation_panel]>.fi-modal-window,[wire\:key*=open_curator_picker]>.fi-modal-window{padding:0!important}.curator-panel>.fi-modal-window>.fi-modal-header,[wire\:key*=filament_tiptap_media]>.fi-modal-window>.fi-modal-header,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgba(var(--gray-300),var(--tw-border-opacity));padding:.5rem 1rem}:is(.dark .curator-panel>.fi-modal-window>.fi-modal-header),:is(.dark [wire\:key*=filament_tiptap_media]>.fi-modal-window>.fi-modal-header),:is(.dark [wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header),:is(.dark [wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header){--tw-border-opacity:1;border-color:rgba(var(--gray-800),var(--tw-border-opacity))}.curator-panel>.fi-modal-window>.fi-modal-header .fi-modal-heading,[wire\:key*=filament_tiptap_media]>.fi-modal-window>.fi-modal-header .fi-modal-heading,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header .fi-modal-heading,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header .fi-modal-heading{font-size:1rem;line-height:1.5rem}.curator-panel>.fi-modal-window>.fi-modal-header .fi-modal-close-btn,[wire\:key*=filament_tiptap_media]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn{margin-block-start:-.75rem}.curator-panel>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:focus,.curator-panel>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:hover,[wire\:key*=filament_tiptap_media]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:focus,[wire\:key*=filament_tiptap_media]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:hover,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:focus,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:hover,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:focus,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:hover{background-color:initial!important;--tw-text-opacity:1;color:rgba(var(--primary-500),var(--tw-text-opacity))}.curator-panel>.fi-modal-window>.fi-modal-content,[wire\:key*=filament_tiptap_media]>.fi-modal-window>.fi-modal-content,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-content,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-content{position:relative}.curator-panel>.fi-modal-window>.fi-modal-footer,[wire\:key*=filament_tiptap_media]>.fi-modal-window>.fi-modal-footer,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-footer,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-footer{padding-bottom:0}.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=filament_tiptap_media]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (min-width:640px){.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=filament_tiptap_media]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=filament_tiptap_media]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1280px){.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=filament_tiptap_media]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1536px){.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=filament_tiptap_media]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}.curator-panel>.fi-modal-window .filepond--panel,[wire\:key*=filament_tiptap_media]>.fi-modal-window .filepond--panel,[wire\:key*=open_curation_panel]>.fi-modal-window .filepond--panel,[wire\:key*=open_curator_picker]>.fi-modal-window .filepond--panel{border-width:2px;border-style:dashed;border-color:rgba(var(--gray-950),.05);background-color:initial}:is(.dark .curator-panel>.fi-modal-window .filepond--panel),:is(.dark [wire\:key*=filament_tiptap_media]>.fi-modal-window .filepond--panel),:is(.dark [wire\:key*=open_curation_panel]>.fi-modal-window .filepond--panel),:is(.dark [wire\:key*=open_curator_picker]>.fi-modal-window .filepond--panel){border-color:#fff3} \ No newline at end of file +.curator-grid-container{--grid-layout-gap:1.5rem;--grid-column-count:1;--grid-item--min-width:75px;--gap-count:calc(var(--grid-column-count) - 1);--total-gap-width:calc(var(--gap-count)*var(--grid-layout-gap));--grid-item--max-width:calc((100% - var(--total-gap-width))/var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item--min-width),var(--grid-item--max-width)),1fr));grid-gap:var(--grid-layout-gap)}@media (min-width:768px){.curator-grid-container{--grid-column-count:2}}@media (min-width:1024px){.curator-grid-container{--grid-column-count:3}}.checkered{background-color:rgba(var(--gray-200),1);background-image:repeating-linear-gradient(45deg,rgba(var(--gray-300),1) 25%,#0000 25%,#0000 75%,rgba(var(--gray-300),1) 75%,rgba(var(--gray-300),1)),repeating-linear-gradient(45deg,rgba(var(--gray-300),1) 25%,rgba(var(--gray-200),1) 25%,rgba(var(--gray-200),1) 75%,rgba(var(--gray-300),1) 75%,rgba(var(--gray-300),1));background-position:0 0,10px 10px;background-size:20px 20px}.dark .checkered{background-color:rgba(var(--gray-800),1);background-image:repeating-linear-gradient(45deg,rgba(var(--gray-700),1) 25%,#0000 25%,#0000 75%,rgba(var(--gray-700),1) 75%,rgba(var(--gray-700),1)),repeating-linear-gradient(45deg,rgba(var(--gray-700),1) 25%,rgba(var(--gray-800),1) 25%,rgba(var(--gray-800),1) 75%,rgba(var(--gray-700),1) 75%,rgba(var(--gray-700),1))}.fi-resources-media .fi-forms-tabs-component-header{--tw-bg-opacity:1;background-color:rgba(var(--gray-100),var(--tw-bg-opacity))}:is(.dark .fi-resources-media .fi-forms-tabs-component-header){--tw-bg-opacity:1;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))}.fi-resources-media .fi-tables-component .fi-tables-record-checkbox{z-index:1}.curator-panel-sidebar .fi-fo-component-ctn{gap:1rem}.curator-panel-sidebar .fi-fo-component-ctn label{font-size:.875rem;line-height:1.25rem}.curator-panel>.fi-modal-window,[wire\:key*=open_curation_panel]>.fi-modal-window,[wire\:key*=open_curator_picker]>.fi-modal-window{padding:0!important}.curator-panel>.fi-modal-window>.fi-modal-header,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgba(var(--gray-300),var(--tw-border-opacity));padding:.5rem 1rem}:is(.dark .curator-panel>.fi-modal-window>.fi-modal-header),:is(.dark [wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header),:is(.dark [wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header){--tw-border-opacity:1;border-color:rgba(var(--gray-800),var(--tw-border-opacity))}.curator-panel>.fi-modal-window>.fi-modal-header .fi-modal-heading,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header .fi-modal-heading,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header .fi-modal-heading{font-size:1rem;line-height:1.5rem}.curator-panel>.fi-modal-window>.fi-modal-header .fi-modal-close-btn,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn{margin-block-start:-.75rem}.curator-panel>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:focus,.curator-panel>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:hover,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:focus,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:hover,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:focus,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-header .fi-modal-close-btn:hover{background-color:initial!important;--tw-text-opacity:1;color:rgba(var(--primary-500),var(--tw-text-opacity))}.curator-panel>.fi-modal-window>.fi-modal-content,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-content,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-content{position:relative}.curator-panel>.fi-modal-window>.fi-modal-footer,[wire\:key*=open_curation_panel]>.fi-modal-window>.fi-modal-footer,[wire\:key*=open_curator_picker]>.fi-modal-window>.fi-modal-footer{padding-bottom:0}.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (min-width:640px){.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1280px){.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1536px){.curator-panel>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curation_panel]>.fi-modal-window .curator-picker-grid,[wire\:key*=open_curator_picker]>.fi-modal-window .curator-picker-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}.curator-panel>.fi-modal-window .filepond--panel,[wire\:key*=open_curation_panel]>.fi-modal-window .filepond--panel,[wire\:key*=open_curator_picker]>.fi-modal-window .filepond--panel{border-width:2px;border-style:dashed;border-color:rgba(var(--gray-950),.05);background-color:initial}:is(.dark .curator-panel>.fi-modal-window .filepond--panel),:is(.dark [wire\:key*=open_curation_panel]>.fi-modal-window .filepond--panel),:is(.dark [wire\:key*=open_curator_picker]>.fi-modal-window .filepond--panel){border-color:#fff3} \ No newline at end of file