Project-Pro/crmPRO
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update styles and add task priority feature

Browse Source 
- Changed border color from #eee to #cdcdcd in various CSS files including dropzone, mapplic, summernote, grid, and select2 to enhance UI consistency.
- Added a new task priority selection feature in the task popup, allowing users to change the priority of tasks dynamically via AJAX.
- Implemented AJAX functionality to handle task priority changes and update the task list accordingly.
This commit is contained in:
Jacek Pyziak
2025-09-09 23:59:58 +02:00
parent fea4ee8eae
commit c03f4eded2
38 changed files with 172 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style.css
View File

File diff suppressed because one or more lines are too long

2
layout/style.css.map
View File

File diff suppressed because one or more lines are too long

65
layout/style.scss
View File

@@ -101,7 +101,7 @@ body {
transition: all 0.3s ease;
color: #FFF;
border: 0;
border-radius: .25rem;
border-radius: 6px;
cursor: pointer;
display: inline-flex;
text-decoration: none;
@@ -159,12 +159,12 @@ body {
}
input[type="checkbox"] {
border: 1px solid #ebebeb;
border: 1px solid #cdcdcd;
}
.form-control {
border: 1px solid #ebebeb;
border-radius: 3px;
border: 1px solid #cdcdcd;
border-radius: 6px;
height: 35px;
width: 100%;
padding: 5px;
@@ -190,13 +190,13 @@ input[type="checkbox"] {
.box-login {
background: #FFF;
padding: 25px;
border-radius: .25rem;
border-radius: 6px;
width: 400px;
.title {
text-align: center;
padding: 10px 10px 25px;
border-bottom: 1px solid #ebebeb;
border-bottom: 1px solid #cdcdcd;
font-size: 20px;
margin-bottom: 25px;
}
@@ -205,7 +205,7 @@ input[type="checkbox"] {
body>.top {
background: #FFF;
border-bottom: 1px solid #ebebeb;
border-bottom: 1px solid #cdcdcd;
display: flex;
justify-content: space-between;
align-items: center;
@@ -245,7 +245,7 @@ body>.top {
padding: 0;
width: 100%;
list-style-type: none;
border: 1px solid #ebebeb;
border: 1px solid #cdcdcd;
display: none;
li {
@@ -291,6 +291,7 @@ body>.top {
text-decoration: none;
display: inline-flex;
padding: 10px 15px;
font-weight: 600;
}
&:hover {
@@ -391,7 +392,7 @@ body>.top {
border-radius: 0;
display: flex;
position: relative;
border-radius: .25rem;
border-radius: 6px;
flex-wrap: wrap;
&.notopened {
@@ -413,7 +414,7 @@ body>.top {
display: flex;
width: 25px;
height: 25px;
border-radius: .25rem;
border-radius: 6px;
justify-content: center;
align-items: center;
color: #FFF;
@@ -445,7 +446,7 @@ body>.top {
display: block;
background: $cGreen;
color: #FFF;
border-radius: .25rem;
border-radius: 6px;
cursor: pointer;
margin-bottom: 5px;
width: 25px;
@@ -465,7 +466,7 @@ body>.top {
background: $cRed;
display: block;
color: #FFF;
border-radius: .25rem;
border-radius: 6px;
cursor: pointer;
margin-bottom: 5px;
width: 25px;
@@ -530,7 +531,7 @@ body>.top {
select {
width: 250px;
padding: 10px;
border: 1px solid #ebebeb;
border: 1px solid #cdcdcd;
border-radius: 3px;
option {
@@ -576,7 +577,7 @@ body>.top {
display: inline-flex;
padding: 7px 15px;
color: #FFF;
border-radius: 3px;
border-radius: 6px;
text-decoration: none;
align-items: center;
justify-content: center;
@@ -655,7 +656,7 @@ body>.top {
display: inline-flex;
height: 40px;
width: 40px;
border-radius: .25rem;
border-radius: 6px;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
@@ -683,7 +684,7 @@ body>.top {
transform: translate(-50%, -50%);
background: #FFF;
padding: 25px;
border-radius: .25rem;
border-radius: 6px;
max-width: 1140px;
width: 100%;
transition: all 0.3s ease;
@@ -717,7 +718,7 @@ body>.top {
display: inline-flex;
height: 30px;
width: 30px;
border-radius: .25rem;
border-radius: 6px;
align-items: center;
justify-content: center;
@@ -783,7 +784,7 @@ body>.top {
.avatar {
height: 30px;
width: 30px;
border-radius: .25rem;
border-radius: 6px;
background: #ccc;
display: flex;
justify-content: center;
@@ -805,7 +806,7 @@ body>.top {
textarea {
height: 75px;
margin-bottom: 10px;
border-radius: .25rem;
border-radius: 6px;
}
.add_comment {
@@ -835,7 +836,7 @@ body>.top {
background: #ced4da;
margin-bottom: 5px;
padding: 15px;
border-radius: .25rem;
border-radius: 6px;
position: relative;
.delete_comment {
@@ -875,12 +876,16 @@ body>.top {
display: flex;
margin-bottom: 10px;
input {
border-radius: 6px 0 0 6px;
}
a {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 0 .25rem .25rem 0;
border-radius: 0 6px 6px 0;
text-decoration: none;
width: 35px;
background: $cGreen;
@@ -902,7 +907,7 @@ body>.top {
background: #FFF;
border-radius: 3px;
padding: 10px;
border: 1px solid #ebebeb;
border: 1px solid #cdcdcd;
font-size: 13px;
align-items: flex-start;
@@ -938,7 +943,7 @@ body>.top {
.description {
padding: 15px;
border-radius: 0.25rem;
border: 1px solid #ebebeb;
border: 1px solid #cdcdcd;
margin-bottom: 15px;
max-height: 202px;
overflow-x: hidden;
@@ -1049,7 +1054,7 @@ body>.top {
display: inline-flex;
height: 35px;
width: 35px;
border-radius: .25rem;
border-radius: 6px;
align-items: center;
justify-content: center;
cursor: pointer;
@@ -1080,7 +1085,7 @@ body>.top {
th,
td {
border: 1px solid #ebebeb;
border: 1px solid #cdcdcd;
padding: 5px;
}
@@ -1096,7 +1101,7 @@ body>.top {
.projects_container {
background: #FFF;
padding: 15px;
border-radius: .25rem;
border-radius: 6px;
display: flex;
gap: 20px;
@@ -1118,7 +1123,7 @@ body>.top {
align-items: flex-start;
justify-content: center;
gap: 20px;
border-left: 1px solid #ebebeb;
border-left: 1px solid #cdcdcd;
padding-left: 15px;
select {
@@ -1143,7 +1148,7 @@ body>.top {
transform: translate(-50%, -50%);
background: #FFF;
padding: 25px;
border-radius: .25rem;
border-radius: 6px;
max-width: 1140px;
width: 100%;
@@ -1181,7 +1186,7 @@ body>.top {
.card {
background: #FFF;
padding: 25px;
border-radius: .25rem;
border-radius: 6px;
color: #000;
font-size: 15px;
max-width: 1280px;
@@ -1236,7 +1241,7 @@ body>.top {
.panel {
background: #FFF;
border-radius: .25rem;
border-radius: 6px;
padding: 15px;
h1 {