/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ #cb-collapsed { overflow: auto; display: flex; align-items: center; } #cb-collapsed-text { margin-left: 24px; margin-right: 30px; } #cb-collapsed-cookie { height: 36px; width: 36px; display: flex; flex-shrink: 0; } #cb-collapsed-actions { margin: 20px 0; display: flex; align-items: center; flex-shrink: 0; } #cb-btn-customize { white-space: nowrap; font-weight: 300; text-decoration: underline; margin-right: 20px; } @media only screen and (max-width: 800px) { #cb-collapsed { flex-direction: column; } #cb-collapsed img { display: none; } } #cb-wrapper { font-family: "Avenir", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif; font-size: 15px; color: #3D474D; align-items: center; justify-content: center; animation: presentCard 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation-delay: 1s; opacity: 0; display: flex; position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999; background-color: white; border-radius: 10px; padding: 20px 25px; box-shadow: 0 0 0 1px rgba(0,0,0,0.07), 0 5px 10px -5px rgba(0,0,0,0.15); max-width: 70vw; width: 100%; } #cb-wrapper fieldset { border: 0; margin: 0; padding: 0; } #cb-wrapper a { color: #00AAFF; font-size: inherit; } .cb-button { -webkit-appearance: none; font-family: 'Avenir', 'Avenir Next', 'Segoe UI', Helvetica, Arial, sans-serif; font-weight: 500; color: white !important; background-color: #00AAFF; border: 1px solid #00AAFF; border-radius: 60px; font-size: 15px; line-height: 36px; height: 36px; padding: 0 20px; resize: none; cursor: pointer; display: inline-block; white-space: nowrap; overflow: visible; text-align: center; text-decoration: none; flex-shrink: 0; transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .cb-button:hover { box-shadow: 0 5px 10px -5px rgba(0, 170, 255, 0.8); } .cb-button:active { border-color: #0090F7; background-color: #0090F7; box-shadow: none !important; } .cb-label { display: flex; align-items: center; font-weight: 400; } .cb-checkbox, input[type="checkbox"].cb-checkbox, input[type="checkbox"].cb-checkbox:focus { appearance: none; width: 16px !important; height: 16px !important; padding: 0 !important; display: inline-block; background-color: #fff; border: 1px solid #DCE2E6; vertical-align: baseline; cursor: pointer; border-radius: 5px !important; margin-right: 8px; transition: all 0.4s ease-in-out; background-size: 70%; background-position: center center; background-repeat: no-repeat; visibility: visible; outline: none; } .cb-checkbox:checked, input[type="checkbox"].cb-checkbox:checked { background-image: url("../assets/checkmark-white.svg"); background-color: #00AAFF; border-color: #00AAFF; } .cb-checkbox.disabled, input[type="checkbox"].cb-checkbox.disabled { pointer-events: none; background-color: #B2BBC0; border-color: #B2BBC0; } @keyframes presentCard { 0% { opacity: 0; } 100% { opacity: 1; } } #cb-expanded { max-height: 85vh; width: 100%; display: flex; flex-direction: column; /* this shrinks somehow the two elements when height is not enough for their visibility */ /* IE magic */ overflow-y: auto; } #cb-expanded-header-row { display: flex; align-items: center; } #cb-expanded-header-text { margin-left: 10px; font-weight: 700; } #cb-expanded-cookie { height: 24px; width: 24px; } #cb-expanded-desc-wrapper { flex-grow: 1; overflow: auto; margin: 20px 0; } .cb-expanded-desc:last-child { margin-top: 20px; } #cb-expanded-form-wrapper { flex-grow: 1; overflow: auto; } #cb-expanded-form-header { font-weight: 700; } #cb-expanded-actions { margin: 20px 0; display: flex; align-items: center; justify-content: flex-end; } #cb-expanded-section { margin: 10px 0; display: flex; align-items: center; } #cb-btn-accept-selected { font-weight: 300; text-decoration: underline; margin-right: 20px; } .cb-details { color: #8A9499; font-size: 13px; margin-left: 28px; margin-bottom: 10px; } .cb-disclosure { width: 12px; height: 12px; margin-left: 12px; } .flipped { transform: rotate(180deg); }<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5CD76WD" height="0" width="0" style="display:none;visibility:hidden" ></iframe>

offene Checklisteneinträge nach oben

Miriam Haberer

Miriam Haberer DACH Partner, DE Business Posts: 9 Beginner

May 31 in MeisterTask Feature Ideas

Wenn man viele Einträge in einer Checkliste hat, wäre es cool, wenn die geschlossenen nach unten rutschen und die noch offenen oben bleiben.
Wenn das nicht für alle interessant ist, kann das über einen Knopf angestoßen werden?

Qualitätsmanagement & Datenschutz
CUBE das Würfelprinzip®

Tagged:

Checklists

1

1

1 votes

Open for voting · Last Updated May 31

Categories

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ #cb-collapsed { overflow: auto; display: flex; align-items: center; } #cb-collapsed-text { margin-left: 24px; margin-right: 30px; } #cb-collapsed-cookie { height: 36px; width: 36px; display: flex; flex-shrink: 0; } #cb-collapsed-actions { margin: 20px 0; display: flex; align-items: center; flex-shrink: 0; } #cb-btn-customize { white-space: nowrap; font-weight: 300; text-decoration: underline; margin-right: 20px; } @media only screen and (max-width: 800px) { #cb-collapsed { flex-direction: column; } #cb-collapsed img { display: none; } } #cb-wrapper { font-family: "Avenir", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif; font-size: 15px; color: #3D474D; align-items: center; justify-content: center; animation: presentCard 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation-delay: 1s; opacity: 0; display: flex; position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999; background-color: white; border-radius: 10px; padding: 20px 25px; box-shadow: 0 0 0 1px rgba(0,0,0,0.07), 0 5px 10px -5px rgba(0,0,0,0.15); max-width: 70vw; width: 100%; } #cb-wrapper fieldset { border: 0; margin: 0; padding: 0; } #cb-wrapper a { color: #00AAFF; font-size: inherit; } .cb-button { -webkit-appearance: none; font-family: 'Avenir', 'Avenir Next', 'Segoe UI', Helvetica, Arial, sans-serif; font-weight: 500; color: white !important; background-color: #00AAFF; border: 1px solid #00AAFF; border-radius: 60px; font-size: 15px; line-height: 36px; height: 36px; padding: 0 20px; resize: none; cursor: pointer; display: inline-block; white-space: nowrap; overflow: visible; text-align: center; text-decoration: none; flex-shrink: 0; transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .cb-button:hover { box-shadow: 0 5px 10px -5px rgba(0, 170, 255, 0.8); } .cb-button:active { border-color: #0090F7; background-color: #0090F7; box-shadow: none !important; } .cb-label { display: flex; align-items: center; font-weight: 400; } .cb-checkbox, input[type="checkbox"].cb-checkbox, input[type="checkbox"].cb-checkbox:focus { appearance: none; width: 16px !important; height: 16px !important; padding: 0 !important; display: inline-block; background-color: #fff; border: 1px solid #DCE2E6; vertical-align: baseline; cursor: pointer; border-radius: 5px !important; margin-right: 8px; transition: all 0.4s ease-in-out; background-size: 70%; background-position: center center; background-repeat: no-repeat; visibility: visible; outline: none; } .cb-checkbox:checked, input[type="checkbox"].cb-checkbox:checked { background-image: url("../assets/checkmark-white.svg"); background-color: #00AAFF; border-color: #00AAFF; } .cb-checkbox.disabled, input[type="checkbox"].cb-checkbox.disabled { pointer-events: none; background-color: #B2BBC0; border-color: #B2BBC0; } @keyframes presentCard { 0% { opacity: 0; } 100% { opacity: 1; } } #cb-expanded { max-height: 85vh; width: 100%; display: flex; flex-direction: column; /* this shrinks somehow the two elements when height is not enough for their visibility */ /* IE magic */ overflow-y: auto; } #cb-expanded-header-row { display: flex; align-items: center; } #cb-expanded-header-text { margin-left: 10px; font-weight: 700; } #cb-expanded-cookie { height: 24px; width: 24px; } #cb-expanded-desc-wrapper { flex-grow: 1; overflow: auto; margin: 20px 0; } .cb-expanded-desc:last-child { margin-top: 20px; } #cb-expanded-form-wrapper { flex-grow: 1; overflow: auto; } #cb-expanded-form-header { font-weight: 700; } #cb-expanded-actions { margin: 20px 0; display: flex; align-items: center; justify-content: flex-end; } #cb-expanded-section { margin: 10px 0; display: flex; align-items: center; } #cb-btn-accept-selected { font-weight: 300; text-decoration: underline; margin-right: 20px; } .cb-details { color: #8A9499; font-size: 13px; margin-left: 28px; margin-bottom: 10px; } .cb-disclosure { width: 12px; height: 12px; margin-left: 12px; } .flipped { transform: rotate(180deg); }