SPFx-Projekte/DynamicPoll
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Füge Unterstützung für die Anzeige mehrerer aktiver Umfragen als Accordion oder Slider hinzu und aktualisiere die Version auf 1.1.0

Browse Source
This commit is contained in:
Torsten Brendgen
2026-08-24 19:38:12 +02:00
parent fcd8e026ee
commit f87c49a91a
16 changed files with 214 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/webparts/dynamicPoll/components/DynamicPoll.module.scss
+29 -2
View File
@@ -2,7 +2,6 @@
.poll {
background: "[theme: white, default: #ffffff]";
border: 1px solid #edebe9;
box-sizing: border-box;
color: "[theme: neutralPrimary, default: #323130]";
font-family: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
@@ -67,4 +66,32 @@
white-space: nowrap;
width: 1px;
}
.collection { width: 100%; }
.accordionItem { border-bottom: 1px solid "[theme: neutralLight, default: #edebe9]"; }
.accordionHeader {
align-items: center;
background: "[theme: white, default: #ffffff]";
border: 0;
color: "[theme: neutralPrimary, default: #323130]";
cursor: pointer;
display: flex;
font: inherit;
font-weight: 600;
justify-content: space-between;
min-height: 44px;
padding: 8px 12px;
text-align: left;
width: 100%;
}
.accordionHeader:hover { background: "[theme: neutralLighter, default: #f3f2f1]"; }
.accordionHeader:focus { outline: 2px solid "[theme: themePrimary, default: #0078d4]"; outline-offset: -2px; }
.accordionChevron { font-family: 'FabricMDL2Icons'; font-size: 12px; margin-left: 12px; }
.accordionPanel .poll { padding-top: 14px; }
.sliderNavigation { align-items: center; display: flex; justify-content: center; margin-top: 8px; }
.sliderArrow { background: transparent; border: 0; color: "[theme: themePrimary, default: #0078d4]"; cursor: pointer; font-size: 28px; height: 32px; line-height: 24px; padding: 0; width: 36px; }
.sliderArrow:hover { background: "[theme: neutralLighter, default: #f3f2f1]"; }
.sliderArrow:focus { outline: 2px solid "[theme: themePrimary, default: #0078d4]"; }
.pagination { align-items: center; display: flex; gap: 8px; padding: 0 8px; }
.paginationDot, .paginationDotActive { background: "[theme: neutralTertiary, default: #a19f9d]"; border: 0; border-radius: 50%; cursor: pointer; height: 8px; padding: 0; width: 8px; }
.paginationDotActive { background: "[theme: themePrimary, default: #0078d4]"; height: 10px; width: 10px; }
.paginationDot:focus, .paginationDotActive:focus { outline: 2px solid "[theme: themePrimary, default: #0078d4]"; outline-offset: 2px; }