diff options
Diffstat (limited to 'assets/css/src')
| -rw-r--r-- | assets/css/src/dropdown.css | 5 | ||||
| -rw-r--r-- | assets/css/src/files.css | 46 | ||||
| -rw-r--r-- | assets/css/src/filters.css | 83 | ||||
| -rw-r--r-- | assets/css/src/responsive.css | 20 | ||||
| -rw-r--r-- | assets/css/src/screenshot.css | 19 | ||||
| -rw-r--r-- | assets/css/src/task.css | 86 | ||||
| -rw-r--r-- | assets/css/src/upload.css | 39 | ||||
| -rw-r--r-- | assets/css/src/views.css | 34 |
8 files changed, 162 insertions, 170 deletions
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..d21a5e08 --- /dev/null +++ b/assets/css/src/files.css @@ -0,0 +1,46 @@ +.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: 2px 2px 5px -2px 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; +} 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/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/task.css b/assets/css/src/task.css index fd5b8efc..57acb52a 100644 --- a/assets/css/src/task.css +++ b/assets/css/src/task.css @@ -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,7 +157,7 @@ span.task-board-date-overdue { display: none; } -/* task view */ +/* task summary */ #task-summary { margin-bottom: 15px; } @@ -204,38 +194,6 @@ span.task-board-date-overdue { line-height: 23px; } -.task-show-section { - margin-top: 30px; - margin-bottom: 20px; -} - -.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-show-file-actions { - font-size: 0.75em; -} - -.task-show-file-actions:before { - content: " ["; -} - -.task-show-file-actions:after { - content: "]"; -} - -.task-show-file-actions a { - color: #333; -} - .task-show-description { border-left: 4px solid #333; padding-left: 20px; @@ -267,46 +225,6 @@ span.task-board-date-overdue { 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; -} - .flag-milestone { color: green; } 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; +} |