summaryrefslogtreecommitdiff
path: root/assets/css/src
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/src')
-rw-r--r--assets/css/src/alert.css14
-rw-r--r--assets/css/src/base.css4
-rw-r--r--assets/css/src/board.css2
-rw-r--r--assets/css/src/dropdown.css5
-rw-r--r--assets/css/src/files.css56
-rw-r--r--assets/css/src/filters.css83
-rw-r--r--assets/css/src/form.css15
-rw-r--r--assets/css/src/header.css5
-rw-r--r--assets/css/src/listing.css2
-rw-r--r--assets/css/src/project.css42
-rw-r--r--assets/css/src/responsive.css20
-rw-r--r--assets/css/src/screenshot.css19
-rw-r--r--assets/css/src/sidebar.css113
-rw-r--r--assets/css/src/table.css38
-rw-r--r--assets/css/src/task.css156
-rw-r--r--assets/css/src/tasklink.css12
-rw-r--r--assets/css/src/tooltip.css19
-rw-r--r--assets/css/src/upload.css39
-rw-r--r--assets/css/src/views.css34
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;
+}