Index: lams_central/web/less/defaultHTML_learner.less
===================================================================
diff -u -r5725c3e52ad6b3767aa82f1c6be5769f115041aa -r300c0050b5be251ac794204decd09446c826a054
--- lams_central/web/less/defaultHTML_learner.less (.../defaultHTML_learner.less) (revision 5725c3e52ad6b3767aa82f1c6be5769f115041aa)
+++ lams_central/web/less/defaultHTML_learner.less (.../defaultHTML_learner.less) (revision 300c0050b5be251ac794204decd09446c826a054)
@@ -123,10 +123,15 @@
}
.panel-learner-page {
- border-radius: 0px;
+ border-radius: 6px;
box-shadow: 0 1px 1px rgba(8, 8, 8, 0.88);
}
+.panel-monitor-page {
+ border-radius: 6px;
+ box-shadow: 0 1px 1px rgba(8, 8, 8, 0.88);
+}
+
.panel-learner-page-title, .panel-admin-page-title {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
@@ -142,7 +147,7 @@
}
.panel-admin-page {
- border-radius: 0px;
+ border-radius: 6px;
box-shadow: 0 1px 1px rgba(8, 8, 8, 0.88);
margin-top: 20px;
}
Index: lams_central/web/less/main.less
===================================================================
diff -u -r97deffe165055d02a9942930ec547b5ee040dc42 -r300c0050b5be251ac794204decd09446c826a054
--- lams_central/web/less/main.less (.../main.less) (revision 97deffe165055d02a9942930ec547b5ee040dc42)
+++ lams_central/web/less/main.less (.../main.less) (revision 300c0050b5be251ac794204decd09446c826a054)
@@ -117,6 +117,7 @@
width: 100%;
font-size: @footer-font-size;
background-color: @footer-background-color;
+ border-radius: 0 0 6px 6px;
}
a {
color: @lesson-name-link-color;
@@ -233,25 +234,28 @@
line-height: 1em;
}
/*TOP HEADER*/
-.nav_menu {
- float: left;
+.top-nav {
background: #EDEDED;
border-bottom: 1px solid #D9DEE4;
- margin-bottom: 10px;
- width: 100%;
+ border-radius: 6px 6px 0 0;
+ height: 53px;
}
-.offcanvas-toggle-wrapper {
+.offcanvas-toggle-header {
float: left;
margin: 0;
padding: 15px 0 10px 7px;
width: 70px;
cursor: pointer;
+ border-radius: 3px;
}
@media (min-width: 768px) {
- .offcanvas-toggle-wrapper {
+ .offcanvas-toggle-header {
padding-top: 20px;
padding-bottom: 15px;
}
+ .top-nav {
+ height: 63px;
+ }
}
.offcanvas-toggle {
padding: 15px 15px 0;
@@ -261,25 +265,26 @@
.offcanvas-toggle i {
font-size: 26px;
}
-.top_nav .navbar-right {
+.top-nav .navbar-right {
margin: 0;
width: 70%;
float: right;
}
-.top_nav .navbar-right li {
+.top-nav .navbar-right li {
display: inline-block;
float: right;
position: static;
+ border-radius: 3px;
}
@media (min-width: 480px) {
- .top_nav .navbar-right li {
+ .top-nav .navbar-right li {
position: relative;
}
}
-.top_nav .dropdown-menu li {
+.top-nav .dropdown-menu li {
width: 100%;
}
-.top_nav li a i {
+.top-nav li a i {
font-size: 15px;
}
ul.dropdown-usermenu li {
@@ -291,42 +296,43 @@
}
/*TOP HEADER LINKS*/
-.offcanvas-toggle-wrapper:hover, ul.dropdown-usermenu li a:focus, ul.dropdown-usermenu li a:hover, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover {
+.offcanvas-toggle-header:hover, ul.dropdown-usermenu li a:focus, ul.dropdown-usermenu li a:hover, .top-nav .nav > li > a:hover, .top-nav .nav .open > a, .top-nav .nav .open > a:focus, .top-nav .nav .open > a:hover {
background: #D9DEE4;
}
.nav > li > a:hover, .nav > li > a:focus {
background-color: transparent;
}
.navbar-nav > li > a {
font-weight: 500;
- color: @nav-color !important;
+ color: @navbar-text-color !important;
margin-left: 0 !important;
line-height: 32px;
+ border-radius: 3px;
}
-.top_nav .dropdown-menu li a {
+.top-nav .dropdown-menu li a {
width: 100%;
padding: 10px 20px;
+ border-radius: 3px;
}
-.top_nav .dropdown-menu li a i {
+.top-nav .dropdown-menu li a i {
padding-right: 15px;
}
.dropdown-menu a {
cursor: pointer;
+ border-radius: 6px;
}
.navbar-nav .open .dropdown-menu {
position: absolute;
background: #fff;
margin-top: 0;
padding: 0 0 3px;
border: 1px solid #D9DEE4;
+ border-radius: 6px;
-webkit-box-shadow: none;
right: 0;
left: auto;
width: 210px;
}
-.nav.navbar-nav > li > a {
- color: @navbar-text-color !important;
-}
.user-profile img {
width: 29px;
height: 29px;
@@ -362,7 +368,7 @@
.dialogContainer .modal-body {
height : 100%;
- max-height: calc(100% - 60px);
+ max-height: calc(100% - 38px);
padding: 0;
}