encode/django-rest-framework
1
1
Fork 0
mirror of https://github.com/encode/django-rest-framework.git synced 2025-07-18 12:12:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

made base.html resposive on all screens

Browse Source
This commit is contained in:
4arjun 2023-09-10 13:57:05 +05:30
parent 4bbfa8d455
commit 2f480f6750
1 changed files with 68 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
rest_framework/static/rest_framework/docs/css/base.css
View File

@ -123,7 +123,6 @@ pre.highlight code {
background-color: #020203; background-color: #020203;
} }
.sidebar .menu-list ul .sub-menu li a, .sidebar .menu-list ul .sub-menu li a,
.sidebar .menu-list li .sub-menu li a { .sidebar .menu-list li .sub-menu li a {
display: block; display: block;
@ -204,7 +203,6 @@ body {
margin-top: 0; margin-top: 0;
} }
/* @group Language Switcher */ /* @group Language Switcher */
.sidebar .menu-list.menu-list-bottom { .sidebar .menu-list.menu-list-bottom {
@ -225,7 +223,6 @@ body {
/* @end Language Switcher */ /* @end Language Switcher */
/* @group Docs Content */ /* @group Docs Content */
.docs-content .meta .label { .docs-content .meta .label {
@ -251,6 +248,7 @@ body {
/* @end Docs Content */ /* @end Docs Content */
@media (max-width: 767px) { @media (max-width: 767px) {
.main-container { .main-container {
padding-left: 15px; padding-left: 15px;
@ -283,7 +281,6 @@ body {
.sidebar .brand { .sidebar .brand {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
text-align: left !important; text-align: left !important;
font-size: 22px; font-size: 22px;
padding: 0; padding: 0;
@ -297,7 +294,7 @@ body {
display: block; display: block;
} }
#main { #main {
width:calc(100% - 225px); width: calc(100% - 225px);
float: right; float: right;
} }
} }
@ -345,11 +342,11 @@ body {
} }
.highlight { .highlight {
background-color: #f7f7f9 background-color: #f7f7f9;
} }
.checkbox label.control-label { .checkbox label.control-label {
font-weight: bold font-weight: bold;
} }
@media (min-width: 768px) { @media (min-width: 768px) {