diff options
Diffstat (limited to 'assets/css/src')
-rw-r--r-- | assets/css/src/alert.css | 14 | ||||
-rw-r--r-- | assets/css/src/base.css | 4 | ||||
-rw-r--r-- | assets/css/src/board.css | 2 | ||||
-rw-r--r-- | assets/css/src/dropdown.css | 5 | ||||
-rw-r--r-- | assets/css/src/files.css | 56 | ||||
-rw-r--r-- | assets/css/src/filters.css | 83 | ||||
-rw-r--r-- | assets/css/src/form.css | 15 | ||||
-rw-r--r-- | assets/css/src/header.css | 5 | ||||
-rw-r--r-- | assets/css/src/listing.css | 2 | ||||
-rw-r--r-- | assets/css/src/project.css | 42 | ||||
-rw-r--r-- | assets/css/src/responsive.css | 20 | ||||
-rw-r--r-- | assets/css/src/screenshot.css | 19 | ||||
-rw-r--r-- | assets/css/src/sidebar.css | 113 | ||||
-rw-r--r-- | assets/css/src/table.css | 38 | ||||
-rw-r--r-- | assets/css/src/task.css | 156 | ||||
-rw-r--r-- | assets/css/src/tasklink.css | 12 | ||||
-rw-r--r-- | assets/css/src/tooltip.css | 19 | ||||
-rw-r--r-- | assets/css/src/upload.css | 39 | ||||
-rw-r--r-- | assets/css/src/views.css | 34 |
19 files changed, 405 insertions, 273 deletions
diff --git a/assets/css/src/alert.css b/assets/css/src/alert.css index 0a5a35ee..2cde8220 100644 --- a/assets/css/src/alert.css +++ b/assets/css/src/alert.css @@ -45,3 +45,17 @@ .alert li { margin-left: 25px; } + +.alert-fade-out { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + font-size: 1.1em; + padding-top: 15px; + padding-bottom: 15px; + margin-bottom: 0; + border-width: 1px 0 0; + border-radius: 0; + z-index: 9999; +} diff --git a/assets/css/src/base.css b/assets/css/src/base.css index dd78ec84..7f5642e7 100644 --- a/assets/css/src/base.css +++ b/assets/css/src/base.css @@ -70,3 +70,7 @@ hr { .web-notification-icon:hover { color: #000; } + +.smaller { + font-size: 0.85em; +} diff --git a/assets/css/src/board.css b/assets/css/src/board.css index 9fd9a38d..586093b8 100644 --- a/assets/css/src/board.css +++ b/assets/css/src/board.css @@ -138,6 +138,8 @@ a.board-swimlane-toggle:focus { .draggable-item { cursor: pointer; user-select: none; + -webkit-user-select: none; + -moz-user-select: none; } .draggable-placeholder { diff --git a/assets/css/src/dropdown.css b/assets/css/src/dropdown.css index 8f13f5bf..7d967b06 100644 --- a/assets/css/src/dropdown.css +++ b/assets/css/src/dropdown.css @@ -71,11 +71,16 @@ ul.dropdown-submenu-open { padding-right: 10px; } +.dropdown-menu-link-text, .dropdown-menu-link-icon { color: #333; text-decoration: none; } +.dropdown-menu-link-text:hover { + text-decoration: underline; +} + /* textarea dropdown */ .textarea-dropdown { list-style: none; diff --git a/assets/css/src/files.css b/assets/css/src/files.css new file mode 100644 index 00000000..a81b387b --- /dev/null +++ b/assets/css/src/files.css @@ -0,0 +1,56 @@ +.file-thumbnails { + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-justify-content: flex-start; + justify-content: flex-start; +} + +.file-thumbnail { + width: 250px; + border: 1px solid #efefef; + border-radius: 5px; + margin-bottom: 20px; + box-shadow: 4px 2px 10px -6px rgba(0,0,0,0.55); + margin-right: 15px; +} + +.file-thumbnail img { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.file-thumbnail img:hover { + opacity: 0.5; +} + +.file-thumbnail-content { + padding-left: 8px; + padding-right: 8px; +} + +.file-thumbnail-title { + font-weight: 700; + font-size: 0.9em; + color: #555; +} + +.file-thumbnail-description { + font-size: 0.8em; + color: #aaa; + margin-top: 8px; + margin-bottom: 5px; +} + +.file-viewer { + position: relative; +} + +.file-viewer img { + max-width: 95%; + max-height: 85%; + margin-top: 10px; +} diff --git a/assets/css/src/filters.css b/assets/css/src/filters.css index 8f889556..0e0a35e7 100644 --- a/assets/css/src/filters.css +++ b/assets/css/src/filters.css @@ -1,68 +1,57 @@ -.toolbar { - font-size: 0.9em; - padding-top: 5px; +.project-header { + margin-top: 8px; + margin-bottom: 20px; } -.views { +.filter-box { display: inline-block; - margin-right: 10px; - font-size: 0.9em; + position: relative; + font-size: 0; + margin-bottom: 20px; } -.views li { - border: 1px solid #eee; - padding-left: 8px; - padding-right: 8px; - padding-top: 5px; - padding-bottom: 5px; - display: inline; +.project-header .filter-box { + margin: 0; } -.menu-inline li.active a, -.views li.active a { - font-weight: bold; - color: #000; - text-decoration: none; +.filter-box form { + margin: 0; } -.views li:first-child { - border-right: none; +.filter-box input[type="text"] { + margin: 0; + font-size: 16px; + height: 26px; + border-color: #dedede; border-top-left-radius: 5px; border-bottom-left-radius: 5px; + vertical-align: top; } -.views li:last-child { - border-left: none; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; +.filter-box input[type="text"]:focus { + color: #000; + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); } -.filters { +.filter-box div.dropdown { display: inline-block; - border: 1px solid #eee; - border-radius: 5px; - padding: 5px; - padding-right: 10px; - margin-left: 8px; -} - -.filters ul { - font-size: 0.8em; -} - -.page-header .filters ul { - font-size: 0.9em; -} - -form.search { - display: inline; + font-size: 16px; + border: 1px solid #dedede; + border-left: none; + margin: 0; + padding: 0; + padding-left: 5px; + padding-right: 8px; + height: 27px; } -div.search { - margin-bottom: 20px; +.filter-box div.dropdown:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } -.filter-dropdowns { - font-size: 0.9em; - display: inline-block; +.filter-box div.dropdown a { + line-height: 27px; } diff --git a/assets/css/src/form.css b/assets/css/src/form.css index 24dcb0fc..22dcb412 100644 --- a/assets/css/src/form.css +++ b/assets/css/src/form.css @@ -146,11 +146,6 @@ input.form-input-large { width: 400px; } -.form-row { - margin-top: 10px; - margin-bottom: 20px; -} - .form-column { float: left; margin-right: 3%; @@ -161,6 +156,12 @@ input.form-input-large { margin-top: 15px; } +.form-clear { + clear: both; + padding-top: 20px; + padding-bottom: 10px; +} + .form-login { width: 350px; margin: 0 auto; @@ -179,6 +180,10 @@ input.form-input-large { font-weight: bold; } +.popover-form { + margin-bottom: 0; +} + /* preview tabs */ label + .form-tabs { margin-top: 10px; diff --git a/assets/css/src/header.css b/assets/css/src/header.css index 946a665b..f4903128 100644 --- a/assets/css/src/header.css +++ b/assets/css/src/header.css @@ -55,6 +55,11 @@ nav .active a { color: #d40000; } +/* user links on the left */ +header .user-links .dropdown { + margin-left: 15px; +} + /* title tooltip */ header h1 .tooltip { opacity: 0.3; diff --git a/assets/css/src/listing.css b/assets/css/src/listing.css index c40c4821..e96197e4 100644 --- a/assets/css/src/listing.css +++ b/assets/css/src/listing.css @@ -5,7 +5,7 @@ margin-bottom: 20px; border: 1px solid #ddd; color: #333; - background-color: #fefefe; + background-color: #fcfcfc; overflow: auto; } diff --git a/assets/css/src/project.css b/assets/css/src/project.css new file mode 100644 index 00000000..7a77067f --- /dev/null +++ b/assets/css/src/project.css @@ -0,0 +1,42 @@ +.project-creation-options { + max-width: 500px; + border-left: 3px dotted #efefef; + margin-top: 20px; + padding-left: 15px; + padding-bottom: 5px; + padding-top: 5px; +} + +.project-overview-columns { + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + + -webkit-align-items: center; + align-items: center; + + -webkit-justify-content: center; + justify-content: center; + + margin-bottom: 20px; + font-size: 1.4em; +} + +.project-overview-column { + text-align: center; + margin-right: 80px; +} + +.project-overview-column strong { + font-size: 1.3em; + color: #444; +} + +.project-overview-column span { + font-size: 0.8em; + color: #777; +} diff --git a/assets/css/src/responsive.css b/assets/css/src/responsive.css index 3ec47255..c94be166 100644 --- a/assets/css/src/responsive.css +++ b/assets/css/src/responsive.css @@ -1,14 +1,3 @@ -@media only screen and (max-width: 1080px) { - div.filter-dropdowns .filters { - margin-left: 0; - } - - div.filter-dropdowns { - display: block; - margin-top: 5px; - } -} - @media only screen and (max-width: 1024px) { body { @@ -32,15 +21,6 @@ max-width: 150px; } - .task-time-form label { - display: block; - } - - .task-time-form input[type="submit"] { - margin-top: 10px; - display: block; - } - .page-header .form-input-large { width: 300px; } diff --git a/assets/css/src/screenshot.css b/assets/css/src/screenshot.css deleted file mode 100644 index 4d917200..00000000 --- a/assets/css/src/screenshot.css +++ /dev/null @@ -1,19 +0,0 @@ -#screenshot-zone { - position: relative; - border: 2px dashed #ccc; - width: 90%; - height: 250px; - overflow: auto; -} - -#screenshot-inner { - position: absolute; - left: 0; - bottom: 48%; - width: 100%; - text-align: center; -} - -#screenshot-zone.screenshot-pasted { - border: 2px solid #333; -}
\ No newline at end of file diff --git a/assets/css/src/sidebar.css b/assets/css/src/sidebar.css index a9d56865..2da0f2e3 100644 --- a/assets/css/src/sidebar.css +++ b/assets/css/src/sidebar.css @@ -1,90 +1,73 @@ -/* sidebar */ .sidebar-container { margin-top: 10px; - position: relative; - clear: both; + height: 100%; + width: 100%; + display: -ms-flexbox; + display: -webkit-box; + display: -moz-box; + display: -ms-box; + display: box; + -ms-flex-direction: row; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -ms-box-orient: horizontal; + box-orient: horizontal; } .sidebar-content { - margin-left: 23%; - width: 76%; - position: absolute; + padding-left: 10px; + -ms-flex: 1; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; } .sidebar { - width: 20%; - float: left; - padding: 10px; - padding-top: 0; - border: 1px solid #ddd; - background: #fdfdfd; - border-radius: 5px; + padding-right: 10px; + border-right: 1px dotted #eee; + font-size: 0.95em; + max-width: 240px; + min-width: 190px; + width: 18%; + -ms-flex: 0 100px; + -webkit-box-flex: 0; + -moz-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; } -.sidebar li { - list-style-type: square; - margin-left: 30px; - line-height: 1.8em; +.sidebar h2 { + margin-top: 0; } -.sidebar li.active a { - color: #000; - font-weight: bold; +.sidebar a { text-decoration: none; } -.sidebar li.active a:focus, -.sidebar li.active a:hover { - text-decoration: underline; +.sidebar li { + list-style-type: none; + line-height: 35px; + border-bottom: 1px dotted #efefef; + padding-left: 13px; } -.sidebar-collapsed .sidebar { - width: 10px; - padding-bottom: 0; - float: none; +.sidebar li:hover { + border-left: 5px solid #555; + padding-left: 8px; } -.sidebar-collapsed .sidebar-content { - margin: 0; - margin-top: 15px; - width: 100%; +.sidebar li.active { + border-left: 5px solid #333; + padding-left: 8px; } -.sidebar-collapse { - text-align: right; -} - -.sidebar-collapse a, -.sidebar-expand a { +.sidebar li.active a { color: #333; - text-decoration: none; -} - -.sidebar-collapse a:hover, -.sidebar-expand a:hover { - color: #DF5353; -} - -@media only screen and (max-width: 1024px) { - .sidebar { - width: 25%; - } - - .sidebar-content { - margin-left: 30%; - width: 70%; - } + font-weight: bold; } -@media only screen and (max-width: 767px) { - .sidebar { - width: 95%; - float: none; - } - - .sidebar-content { - margin: 0; - margin-top: 15px; - width: 100%; - } +.sidebar li.active a:focus, +.sidebar li.active a:hover { + color: #555; } diff --git a/assets/css/src/table.css b/assets/css/src/table.css index 51d6ecde..49569381 100644 --- a/assets/css/src/table.css +++ b/assets/css/src/table.css @@ -62,7 +62,7 @@ th a:hover { text-overflow: ellipsis; } -.table-stripped tr:nth-child(odd) td { +.table-stripped tr:nth-child(odd) { background: #fefefe; } @@ -124,4 +124,38 @@ th a:hover { .column-70 { width: 70%; -}
\ No newline at end of file +} + +.draggable-row-handle { + cursor: move; + color: #dedede; +} + +.draggable-row-handle:hover { + color: #333; +} + +tr.draggable-item-selected { + background: #fff; + border: 2px solid #666; + box-shadow: 4px 2px 10px -4px rgba(0,0,0,0.55); +} + +tr.draggable-item-selected td { + border-top: none; + border-bottom: none; +} + +tr.draggable-item-selected td:first-child { + border-left: none; +} + +tr.draggable-item-selected td:last-child { + border-right: none; +} + +.table-stripped tr.draggable-item-hover, +tr.draggable-item-hover { + background: #FEFFF2; +} + diff --git a/assets/css/src/task.css b/assets/css/src/task.css index 7bfb63e2..b465a283 100644 --- a/assets/css/src/task.css +++ b/assets/css/src/task.css @@ -9,7 +9,7 @@ } div.task-board-recent { - box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); + border-width: 2px; } div.task-board-status-closed { @@ -118,21 +118,11 @@ span.task-board-date-overdue { } /* task score */ -.task-score { - font-weight: bold; -} - .task-board .task-score { + font-weight: bold; font-size: 1.1em; } -.task-show-details .task-score { - position: absolute; - bottom: 5px; - right: 5px; - font-size: 2em; -} - /* task age */ .task-board-closed, .task-board-days { @@ -167,57 +157,54 @@ span.task-board-date-overdue { display: none; } -/* task view */ -.task-show-details { - position: relative; - border-radius: 5px; - padding-bottom: 10px; +/* task summary */ +#task-summary { + margin-bottom: 15px; } -.task-show-details h2 { - font-size: 1.8em; - margin: 0; - margin-bottom: 25px; - padding: 0; - padding-left: 10px; - padding-right: 10px; +#task-summary h2 { + color: #666; + font-size: 2.5em; + margin-top: 0; + padding-top: 0; } -.task-show-details li { - margin-left: 25px; - list-style-type: circle; -} - -.task-show-section { - margin-top: 30px; - margin-bottom: 20px; +.task-summary-container { + border: 2px solid #000; + border-radius: 8px; + padding: 15px; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-justify-content: space-between; + justify-content: space-between; } -.task-show-files a { - font-weight: bold; - text-decoration: none; -} - -.task-show-files li { - margin-left: 25px; - list-style-type: square; - line-height: 25px; +.task-summary-column { + font-size: 0.9em; + color: #666; } -.task-show-file-actions { - font-size: 0.75em; +.task-summary-column span { + color: #555; } -.task-show-file-actions:before { - content: " ["; +.task-summary-column li { + line-height: 23px; } -.task-show-file-actions:after { - content: "]"; +.task-show-title { + border: 2px solid #000; + border-radius: 8px; + margin-bottom: 20px; } -.task-show-file-actions a { - color: #333; +.task-show-title h2 { + color: #555; + font-size: 1.8em; + margin: 0; + padding: 8px; } .task-show-description { @@ -231,75 +218,10 @@ span.task-board-date-overdue { height: 300px; } -.task-file-viewer { - position: relative; -} - -.task-file-viewer img { - max-width: 95%; - max-height: 85%; - margin-top: 10px; -} - -.task-time-form { - margin-top: 10px; - margin-bottom: 25px; - padding: 3px; -} - .task-link-closed { text-decoration: line-through; } -.task-show-images { - list-style-type: none; -} - -.task-show-images li img { - width: 100%; -} - -.task-show-images li .img_container { - width: 250px; - height: 100px; - overflow: hidden; -} - -.task-show-images li { - padding: 10px; - overflow: auto; - width: 250px; - min-height: 120px; - display: inline-block; - vertical-align: top; -} - -.task-show-images li p{ - padding: 5px; - font-weight: bold; -} - -.task-show-images li:hover { - background: #eee; -} - -.task-show-image-actions { - margin-left: 5px; -} - -.task-show-file-table { - width: auto; -} - -.task-show-start-link { - color: #000; -} - -.task-show-start-link:hover, -.task-show-start-link:focus { - color: red; -} - .flag-milestone { color: green; } @@ -329,3 +251,9 @@ div.color-square-selected { height: 28px; box-shadow: 3px 2px 10px 0 rgba(180,180,180,0.9); } + +/* Assign to me */ +.assign-me { + font-size: 0.8em; + vertical-align: bottom; +} diff --git a/assets/css/src/tasklink.css b/assets/css/src/tasklink.css new file mode 100644 index 00000000..826792cd --- /dev/null +++ b/assets/css/src/tasklink.css @@ -0,0 +1,12 @@ +/* tasklinks */ +.task-links-table { + font-size: 0.85em; +} + +.task-links-table td { + vertical-align: middle; +} + +.task-links-task-count { + color: #999; +} diff --git a/assets/css/src/tooltip.css b/assets/css/src/tooltip.css index f74ac09a..84d709c9 100644 --- a/assets/css/src/tooltip.css +++ b/assets/css/src/tooltip.css @@ -76,3 +76,22 @@ div.ui-tooltip { .ui-tooltip ul { margin-left: 20px; } + +.ui-tooltip dl { + margin: -5px 0 0 0; + padding: 0; +} + +.ui-tooltip dt { + margin-top: 5px; +} + +.ui-tooltip dd { + margin-left: 0; +} + +.ui-tooltip .progress { + display: inline-block; + min-width: 3em; + text-align: right; +}
\ No newline at end of file diff --git a/assets/css/src/upload.css b/assets/css/src/upload.css new file mode 100644 index 00000000..aa46bc7a --- /dev/null +++ b/assets/css/src/upload.css @@ -0,0 +1,39 @@ +#file-dropzone, +#screenshot-zone { + position: relative; + border: 2px dashed #ccc; + width: 99%; + height: 250px; + overflow: auto; +} + +#file-dropzone-inner, +#screenshot-inner { + position: absolute; + left: 0; + bottom: 48%; + width: 100%; + text-align: center; + color: #aaa; +} + +#screenshot-zone.screenshot-pasted { + border: 2px solid #333; +} + +#file-list { + margin: 20px; +} + +#file-list li { + list-style-type: none; + padding-top: 8px; + padding-bottom: 8px; + border-bottom: 1px dotted #ddd; + width: 95%; +} + +#file-list li.file-error { + font-weight: bold; + color: #b94a48; +} diff --git a/assets/css/src/views.css b/assets/css/src/views.css new file mode 100644 index 00000000..191b30c6 --- /dev/null +++ b/assets/css/src/views.css @@ -0,0 +1,34 @@ +.views { + display: inline-block; + margin-left: 10px; + margin-right: 10px; + font-size: 0.9em; +} + +.views li { + border: 1px solid #eee; + padding-left: 8px; + padding-right: 8px; + padding-top: 5px; + padding-bottom: 5px; + display: inline; +} + +.menu-inline li.active a, +.views li.active a { + font-weight: bold; + color: #000; + text-decoration: none; +} + +.views li:first-child { + border-right: none; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.views li:last-child { + border-left: none; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; +} |