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 {
width: 100%;
max-height: calc(85% - 139px);
background: #fff;
display:none;
}
.sidebar-person-info .identity {
color:#555;
padding-bottom:10px;
border-bottom:1px solid #E8E8E8;
padding:15px;
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 {
width:120px;
height:120px;
width:50px;
height:50px;
border-radius:100%;
margin:10px auto;
float:left;
margin-right:10px;
}
.sidebar-person-info .identity p.identity-name {
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 {
......@@ -492,11 +533,10 @@ select {
.sidebar-person-info .identity ul li {
list-style:none;
border:none;
padding:7px 15px;
}
.sidebar-person-info .person-actions {
background-color:#f9f9f9;
}
.sidebar-person-info .person-actions ul {
......@@ -506,23 +546,23 @@ select {
.sidebar-person-info .person-actions ul li {
list-style:none;
border-bottom:1px solid #EAEAEA;
border:none;
}
.sidebar-person-info .person-actions ul li a {
text-decoration:none;
color:#555;
display:block;
padding:10px 15px;
padding:10px 15px;
font-family: 'robotobold';
}
.sidebar-person-info .person-actions ul li a:hover {
background-color:#666;
color:#fff;
background-color:#f5f5f5;
}
.sidebar-person-info .person-actions ul li a span {
margin-right:15px;
margin-right:13px;
}
.sidebar-person-info .close-sidebar-person-info {
......@@ -942,10 +982,17 @@ table.dataTable thead .sorting:after {
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 {
width: 230px;
width: 70%;
border-radius: 3px;
border: 1px solid #ccc;
border: 1px solid #e0e0e0;
padding: 7px;
outline: none;
border-right: none;
......@@ -955,7 +1002,7 @@ table.dataTable thead .sorting:after {
.dashboard-main-search .fa {
padding: 10px 15px;
border: 1px solid #ccc;
border: 1px solid #e0e0e0;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
background-color: #FBF9F9;
......@@ -975,19 +1022,21 @@ table.dataTable thead .sorting:after {
}
.dashboard-search-results {
padding:20px 60px;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
}
.dashboard-search-results ul {
min-height: 300px;
max-height: 600px;
overflow-y: auto;
padding:0;
webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
box-shadow: 0 0 15px rgba(0,0,0,0.1);
background-color: #fff;
border-radius: 5px;
webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
box-shadow: 0 0 4px rgba(0,0,0,0.15);
background-color: #fff;
border-radius: 3px;
}
.dashboard-search-results ul li {
......@@ -1007,18 +1056,17 @@ table.dataTable thead .sorting:after {
}
.dashboard-search-results ul li a:hover {
background-color:#666;
color:#fff;
background-color:#f5f5f5;
}
.dashboard-search-results ul li:first-child a:hover {
border-top-left-radius:5px;
border-top-right-radius:5px;
border-top-left-radius:3px;
border-top-right-radius:3px;
}
.dashboard-search-results ul li:last-child a:hover {
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}
.right-sidebar {
......@@ -1032,19 +1080,25 @@ table.dataTable thead .sorting:after {
overflow-y: auto;
}
.right-sidebar-box {
border-bottom: 1px solid #D0D0D0;
}
.right-sidebar-title {
border-bottom: 1px solid #D0D0D0;
padding: 15px;
background-color: #E4E4E4;
padding: 10px;
background-color: #F3F3F3;
}
.right-sidebar-title h3 {
float: left;
margin: 0;
font-size: 19px;
font-size: 16px;
color: #666;
font-weight: bold;
font-family: 'robotobold';
text-transform: uppercase;
line-height:normal;
}
.right-sidebar-title span a {
......@@ -1057,6 +1111,10 @@ table.dataTable thead .sorting:after {
border-bottom: 1px solid #F3F3F3;
}
.right-sidebar-message-block:last-child {
border-bottom:none;
}
.right-sidebar-message-block a {
padding: 10px 15px;
display: block;
......@@ -1108,10 +1166,9 @@ table.dataTable thead .sorting:after {
}
.right-sidebar-task-block a {
padding: 10px 15px;
padding: 10px 25px;
display: block;
color: #555;
border-bottom: 1px solid #f3f3f3;
text-decoration:none;
}
......@@ -1120,10 +1177,10 @@ table.dataTable thead .sorting:after {
}
.right-sidebar-task-block .task-type {
padding: 5px 15px;
padding: 5px 10px;
font-size: 15px;
font-family: 'robotomedium';
padding-top: 10px;
border-bottom: 1px solid #f3f3f3;
color: #666;
}
.right-sidebar-task-block .progress {
......@@ -1131,6 +1188,10 @@ table.dataTable thead .sorting:after {
margin-bottom: 0;
}
.right-sidebar-task-block .progress .progress-bar {
background-color: #A61229;
}
.right-sidebar-announcement-block a,
.right-sidebar-last-action-block a {
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