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

💡Got an idea to improve MeisterTask? We'd love to hear it!💡

Sign in or create your account to:

💭 Share Feature Ideas
👍 Upvote and comment on other users' requests
🔔 Follow feature requests you'd like to stay informed about

🚀 Take a look at our guidelines for effective feature requests here.🚀

MeisterTask Feature Ideas

💡Feature Request: Subtasks
One of our most requested MeisterTask features is subtasks - a way to break tasks into smaller parts, or even divide up the work between multiple people. The team is currently gathering insights from users to best understand your use cases and needs, so we'd love to hear from you! :) Be sure to comment below and detail how…
[PLANNED] 💡 Feature request: Show status of a task
I would find it super if in the tasks in MeisterTask additionally the status of a task could be selected like for example "in work". This would help to keep the overview, if you are e.g. assigned as an observer and not actively working on the task. Because at the moment I only know if the task has been completed, but I…
[PLANNED] Let users populate a MeisterTask project with tasks using MindMeister child nodes
As a user who is creating a new MeisterTask project from a given node in a MindMeister mind map I want the option to automatically create project tasks from the child nodes of the given node So that I can efficiently create new projects without the risk of forgetting to include some of the ideas my team has put into…
Change the Complete Button to Improve UX
I’ve observe a default behavior for quite a few users who create a task card that they would click the complete button after the task is created. Perhaps there needs to be a way to relocate this button or replace it with something else. If each time the button is clicked completed the task then someone has to go and…

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