This is an automated email from the ASF dual-hosted git repository.
sneethir pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/ranger.git
The following commit(s) were added to refs/heads/master by this push:
new e3137b224 RANGER-4233: UI fix for DOC SIT in mobile and tab view mode
e3137b224 is described below
commit e3137b2245a6d5b58277a61ed705ff7bf120afa3
Author: stalin.nadar <[email protected]>
AuthorDate: Fri May 12 20:06:32 2023 +0530
RANGER-4233: UI fix for DOC SIT in mobile and tab view mode
Signed-off-by: Selvamohan Neethiraj <[email protected]>
---
docs/src/site/resources/css/custom.css | 110 +++++++++++++++++++++++++++++++++
1 file changed, 110 insertions(+)
diff --git a/docs/src/site/resources/css/custom.css
b/docs/src/site/resources/css/custom.css
index a0592ced5..e71b2f9f7 100644
--- a/docs/src/site/resources/css/custom.css
+++ b/docs/src/site/resources/css/custom.css
@@ -174,3 +174,113 @@ footer.well {
.main-body {
padding-top: 100px;
}
+
+/* Css for tablet and mobile phone view */
+#banner > .span12 {
+ width:100%;
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+ .container{
+ width: 100%;
+ }
+ .main-body {
+ padding-top: 0px !important;
+ }
+}
+
+@media (max-width: 979px){
+ .navbar-fixed-top {
+ position: relative;
+ }
+ .header-section {
+ top: 0;
+ padding: 10px 20px;
+ overflow: hidden;
+ }
+ .body-content{
+ padding: 10px 20px;
+ }
+ .subfooter,
+ footer.well {
+ padding: 10px 20px;
+ }
+
+ #bannerLeft > h1 {
+ margin:0
+ }
+ .header-section:after{
+ overflow: hidden;
+ }
+ .row {
+ overflow: hidden;
+ }
+ .navbar-fixed-top {
+ margin-bottom: 0 !important;
+ }
+ .navbar-fixed-top ~ .container {
+ width:auto;
+ }
+
+}
+
+@media (max-width: 768px) {
+ .row-fluid .span6 {
+ width: 70%;
+ }
+ .navbar .nav-collapse .nav>li>a {
+ color: #17425a;
+ }
+ .navbar .nav li.dropdown.active>.dropdown-toggle{
+ color: #ffffff;
+ }
+ .dropdown.open .dropdown-menu{
+ background-color: #ffffff;
+ }
+}
+
+@media (max-width: 767px){
+ .row-fluid .span6 {
+ width: 90%;
+ }
+ .navbar-fixed-top{
+ position: fixed;
+ }
+ .navbar-fixed-top .brand {
+ margin-left: 30px;
+ }
+ .btn.btn-navbar {
+ position: relative;
+ top: 15px;
+ right: 15px;
+ }
+ .header-section{
+ top: 90px;
+ }
+ .header-section:after {
+ background-image: none;
+ }
+ .nav-collapse, .nav-collapse.collapse{
+ padding: 0 15px;
+ }
+ .header-section,
+ .subfooter,
+ footer.well,
+ .body-content {
+ padding: 10px 30px;
+ }
+}
+
+table.bodyTable.table.table-striped.table-hover {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+}
+
+#Contributors ~ table.bodyTable.table.table-striped.table-hover {
+ display:table;
+}
+
+.dropdown-backdrop{
+ display: none;
+}
\ No newline at end of file