Skip to content

U
ulakbus-ui
Commit fc44b359 authored by Erkan Öğümsöğütlü's avatar Erkan Öğümsöğütlü
Browse files
Options

Dashboard Style Adjustment 

Styles adjusted
parent 954eb7f3
Hide whitespace changes
Inline Side-by-side
Showing with 97 additions and 36 deletions
app/app.css
View file @ fc44b359
...@@ -464,24 +464,65 @@ select { ...@@ -464,24 +464,65 @@ select {
width: 100%; width: 100%;
max-height: calc(85% - 139px); max-height: calc(85% - 139px);
background: #fff; background: #fff;
display:none;
} }
.sidebar-person-info .identity { .sidebar-person-info .identity {
color:#555; color:#555;
padding-bottom:10px; padding:15px;
border-bottom:1px solid #E8E8E8; padding-bottom: 0px;
}
.sidebar-person-info .identity-header {
border-bottom: 1px solid #ECECEC;
}
.sidebar-person-info .identity-info {
margin-top:10px;
color: #6D6D6D;
border-bottom: 1px solid #ECECEC;
}
.sidebar-person-info .identity-info div {
margin-bottom:4px;
}
.sidebar-person-info .identity-info div div {
float:left;
width:80%;
}
.sidebar-person-info .identity-info span {
float:left;
width:27px;
margin-top: 3px;
} }
.sidebar-person-info .identity img { .sidebar-person-info .identity img {
width:120px; width:50px;
height:120px; height:50px;
border-radius:100%; border-radius:100%;
margin:10px auto; margin:10px auto;
float:left;
margin-right:10px;
} }
.sidebar-person-info .identity p.identity-name { .sidebar-person-info .identity p.identity-name {
font-family:'robotomedium'; font-family:'robotomedium';
font-size:18px; font-size:16px;
margin-bottom: 0;
margin-top:13px;
}
.sidebar-person-info .identity p.identity-surname {
font-family:'robotomedium';
font-size:16px;
margin-bottom: 0;
text-transform:uppercase;
}
.sidebar-person-info .identity p.identity-email {
float:left;
} }
.sidebar-person-info .identity ul { .sidebar-person-info .identity ul {
...@@ -492,11 +533,10 @@ select { ...@@ -492,11 +533,10 @@ select {
.sidebar-person-info .identity ul li { .sidebar-person-info .identity ul li {
list-style:none; list-style:none;
border:none; border:none;
padding:7px 15px;
} }
.sidebar-person-info .person-actions { .sidebar-person-info .person-actions {
background-color:#f9f9f9;
} }
.sidebar-person-info .person-actions ul { .sidebar-person-info .person-actions ul {
...@@ -506,23 +546,23 @@ select { ...@@ -506,23 +546,23 @@ select {
.sidebar-person-info .person-actions ul li { .sidebar-person-info .person-actions ul li {
list-style:none; list-style:none;
border-bottom:1px solid #EAEAEA; border:none;
} }
.sidebar-person-info .person-actions ul li a { .sidebar-person-info .person-actions ul li a {
text-decoration:none; text-decoration:none;
color:#555; color:#555;
display:block; display:block;
padding:10px 15px; padding:10px 15px;
font-family: 'robotobold';
} }
.sidebar-person-info .person-actions ul li a:hover { .sidebar-person-info .person-actions ul li a:hover {
background-color:#666; background-color:#f5f5f5;
color:#fff;
} }
.sidebar-person-info .person-actions ul li a span { .sidebar-person-info .person-actions ul li a span {
margin-right:15px; margin-right:13px;
} }
.sidebar-person-info .close-sidebar-person-info { .sidebar-person-info .close-sidebar-person-info {
...@@ -942,10 +982,17 @@ table.dataTable thead .sorting:after { ...@@ -942,10 +982,17 @@ table.dataTable thead .sorting:after {
width: calc(100% - 300px); width: calc(100% - 300px);
} }
.dashboard-main-search .dashboard-student-search h3,
.dashboard-main-search .dashboard-personnel-search h3 {
font-family: 'robotoblack';
color: #5A5A5A;
letter-spacing: 1px;
}
.dashboard-main-search input { .dashboard-main-search input {
width: 230px; width: 70%;
border-radius: 3px; border-radius: 3px;
border: 1px solid #ccc; border: 1px solid #e0e0e0;
padding: 7px; padding: 7px;
outline: none; outline: none;
border-right: none; border-right: none;
...@@ -955,7 +1002,7 @@ table.dataTable thead .sorting:after { ...@@ -955,7 +1002,7 @@ table.dataTable thead .sorting:after {
.dashboard-main-search .fa { .dashboard-main-search .fa {
padding: 10px 15px; padding: 10px 15px;
border: 1px solid #ccc; border: 1px solid #e0e0e0;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
background-color: #FBF9F9; background-color: #FBF9F9;
...@@ -975,19 +1022,21 @@ table.dataTable thead .sorting:after { ...@@ -975,19 +1022,21 @@ table.dataTable thead .sorting:after {
} }
.dashboard-search-results { .dashboard-search-results {
padding:20px 60px; width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
} }
.dashboard-search-results ul { .dashboard-search-results ul {
min-height: 300px;
max-height: 600px; max-height: 600px;
overflow-y: auto; overflow-y: auto;
padding:0; padding:0;
webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1); webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
box-shadow: 0 0 15px rgba(0,0,0,0.1); box-shadow: 0 0 4px rgba(0,0,0,0.15);
background-color: #fff; background-color: #fff;
border-radius: 5px; border-radius: 3px;
} }
.dashboard-search-results ul li { .dashboard-search-results ul li {
...@@ -1007,18 +1056,17 @@ table.dataTable thead .sorting:after { ...@@ -1007,18 +1056,17 @@ table.dataTable thead .sorting:after {
} }
.dashboard-search-results ul li a:hover { .dashboard-search-results ul li a:hover {
background-color:#666; background-color:#f5f5f5;
color:#fff;
} }
.dashboard-search-results ul li:first-child a:hover { .dashboard-search-results ul li:first-child a:hover {
border-top-left-radius:5px; border-top-left-radius:3px;
border-top-right-radius:5px; border-top-right-radius:3px;
} }
.dashboard-search-results ul li:last-child a:hover { .dashboard-search-results ul li:last-child a:hover {
border-bottom-left-radius:5px; border-bottom-left-radius:3px;
border-bottom-right-radius:5px; border-bottom-right-radius:3px;
} }
.right-sidebar { .right-sidebar {
...@@ -1032,19 +1080,25 @@ table.dataTable thead .sorting:after { ...@@ -1032,19 +1080,25 @@ table.dataTable thead .sorting:after {
overflow-y: auto; overflow-y: auto;
} }
.right-sidebar-box {
border-bottom: 1px solid #D0D0D0;
}
.right-sidebar-title { .right-sidebar-title {
border-bottom: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0;
padding: 15px; padding: 10px;
background-color: #E4E4E4; background-color: #F3F3F3;
} }
.right-sidebar-title h3 { .right-sidebar-title h3 {
float: left; float: left;
margin: 0; margin: 0;
font-size: 19px; font-size: 16px;
color: #666; color: #666;
font-weight: bold; font-weight: bold;
font-family: 'robotobold'; font-family: 'robotobold';
text-transform: uppercase;
line-height:normal;
} }
.right-sidebar-title span a { .right-sidebar-title span a {
...@@ -1057,6 +1111,10 @@ table.dataTable thead .sorting:after { ...@@ -1057,6 +1111,10 @@ table.dataTable thead .sorting:after {
border-bottom: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3;
} }
.right-sidebar-message-block:last-child {
border-bottom:none;
}
.right-sidebar-message-block a { .right-sidebar-message-block a {
padding: 10px 15px; padding: 10px 15px;
display: block; display: block;
...@@ -1108,10 +1166,9 @@ table.dataTable thead .sorting:after { ...@@ -1108,10 +1166,9 @@ table.dataTable thead .sorting:after {
} }
.right-sidebar-task-block a { .right-sidebar-task-block a {
padding: 10px 15px; padding: 10px 25px;
display: block; display: block;
color: #555; color: #555;
border-bottom: 1px solid #f3f3f3;
text-decoration:none; text-decoration:none;
} }
...@@ -1120,10 +1177,10 @@ table.dataTable thead .sorting:after { ...@@ -1120,10 +1177,10 @@ table.dataTable thead .sorting:after {
} }
.right-sidebar-task-block .task-type { .right-sidebar-task-block .task-type {
padding: 5px 15px; padding: 5px 10px;
font-size: 15px;
font-family: 'robotomedium'; font-family: 'robotomedium';
padding-top: 10px; color: #666;
border-bottom: 1px solid #f3f3f3;
} }
.right-sidebar-task-block .progress { .right-sidebar-task-block .progress {
...@@ -1131,6 +1188,10 @@ table.dataTable thead .sorting:after { ...@@ -1131,6 +1188,10 @@ table.dataTable thead .sorting:after {
margin-bottom: 0; margin-bottom: 0;
} }
.right-sidebar-task-block .progress .progress-bar {
background-color: #A61229;
}
.right-sidebar-announcement-block a, .right-sidebar-announcement-block a,
.right-sidebar-last-action-block a { .right-sidebar-last-action-block a {
width: 100%; width: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment