/* * 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>

columns

Columns in MeisterNote
Would be nice to have to ability to insert a two column block!
Aufgaben in Spalte begrenzen - was ist die Wirkung?
Hallo, ich habe in einer Spalte konfiguriert, dass ich die Anzahl der Aufgaben in ihr auf 30 beschränken möchte. Nun hätte ich erwartet, dass ich entweder keine 31. Aufgabe in diese Spalte ziehen kann oder, dass beim Hinzufügen der 31. Aufgabe die älteste entfernt/archiviert wird, damit es wieder 30 sind. Das passiert aber…
More space for text in collapsed columns
I would appreciate when more visible words could be visible in collapsed columns, there is space enough 😉

/* * 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); }