diff --git a/app/partials/functionalities.jade b/app/partials/functionalities.jade new file mode 100644 index 00000000..11f99240 --- /dev/null +++ b/app/partials/functionalities.jade @@ -0,0 +1,63 @@ +extends layout + +block head + title Taiga Project management web application with scrum in mind! + +block content + div.wrapper + sidebar.menu-secondary.sidebar + include views/modules/admin-menu + sidebar.menu-tertiary.sidebar + include views/modules/admin-submenu + + section.main.admin-functionalities + header + include views/components/mainTitle + + section + div.functionality + div.icon.icon-backlog + div.desc + p + span Backlog + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus. + + div.functionality.active + div.icon.icon-kanban + div.desc + p + span Kanban + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus. + + div.functionality + div.icon.icon-issues + div.desc + p + span Issues + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus. + + div.functionality.active + div.icon.icon-wiki + div.desc + p + span Wiki + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus. + + div.functionality.active + div.icon.icon-video + div.desc + p + span Video + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis quam augue, quis bibendum lectus porta eget. Nunc dictum imperdiet venenatis. Curabitur vitae augue ut est rhoncus pellentesque. Nunc sed ultricies est, tincidunt euismod nunc. Nunc nec posuere metus. + + select + option Option 1 + option Option 2 + option Option 3 + option Option 4 + + select + option Option 1 + option Option 2 + option Option 3 + option Option 4 diff --git a/app/styles/main.scss b/app/styles/main.scss index f2b5f961..c828796a 100755 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -39,6 +39,7 @@ $prefix-for-spec: true; @import 'modules/admin-submenu'; @import 'modules/admin-membership'; @import 'modules/admin-roles'; +@import 'modules/admin-functionalities'; @import 'modules/category-config'; @import 'modules/project-details'; diff --git a/app/styles/modules/admin-functionalities.scss b/app/styles/modules/admin-functionalities.scss new file mode 100644 index 00000000..16e0902b --- /dev/null +++ b/app/styles/modules/admin-functionalities.scss @@ -0,0 +1,32 @@ +.admin-functionalities { + .functionality { + background-color: $whitish; + display: flex; + margin-bottom: 1rem; + padding: 2rem; + .icon, + .desc { + opacity: .5; + } + p { + margin-bottom: 0; + } + span { + font-weight: bold; + } + select { + margin-top: 1rem; + } + &.active { + background-color: #e9f0da; + div, + p { + opacity: 1; + } + } + } + .icon { + @extend %xxlarge; + margin-right: 2rem; + } +}