nautobot 2.0.4__py3-none-any.whl → 2.1.0b1__py3-none-any.whl

nautobot/project-static/css/base.css

@@ -9,7 +9,8 @@ html, body {
     height: 100%;
 }
 body {
-    padding-top: 70px;
+    padding-left: 220px;  /* same as width of .navbar-fixed-left */
+    padding-top: 20px;
 }
 .wrapper {
     min-height: 100%;
@@ -17,15 +18,17 @@ body {
     margin: 0 auto -48px; /* the bottom margin is the negative value of the footer's height */
     padding-bottom: 30px;
 }
-.navbar-brand {
-    padding: 12px 15px 8px;
-}
 .footer, .push {
     height: 48px; /* .push must be the same height as .footer */
 }
 .footer {
     background-color: #f5f5f5;
-    border-top: 1px solid #d0d0d0;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+    margin-left: 20px;
+    margin-right: 20px;
+    overflow: auto;
+    white-space: nowrap;
 }
 .footer .row {
     background-color: #f5f5f5;
@@ -33,29 +36,12 @@ body {
 footer p {
     margin: 12px 0;
 }
-#navbar_search {
-    padding: 0 8px;
-}
 .right-side-panel {
     max-width: 400px;
     min-width: 300px;
     padding-right: 0;
 }
 
-/* Hide the username in the navigation menu on displays less than 1470px wide */
-@media (max-width: 1469px) {
-    #navbar_user {
-        display: none;
-    }
-}
-
-/* Hide the search bar in the navigation menu on displays less than 1384px wide */
-@media (max-width: 1383px) {
-    #navbar_search {
-        display: none;
-    }
-}
-
 /* Printer friendly CSS class and various fixes for printing. */
 @media print {
     body {
@@ -69,70 +55,6 @@ footer p {
     }
 }
 
-/* Scroll the drop-down menus at or above 768px wide to match bootstrap's behavior for hiding dropdown menus */
-@media (min-width: 768px) {
-    .navbar-nav > li > ul {
-        max-height: calc(80vh - 50px);
-        overflow-y: auto;
-    }
-}
-
-/* Collapse the nav menu on displays less than 1180px wide */
-@media (max-width: 1179px) {
-    #navbar {
-        max-height: calc(80vh - 50px);
-        overflow-y: auto !important;
-    }
-    .navbar-header {
-        float: none;
-    }
-    .navbar-left, .navbar-right {
-        float: none !important;
-    }
-    .navbar-toggle {
-        display: block;
-    }
-    .navbar-collapse {
-        border-top: 1px solid transparent;
-        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-    }
-    .navbar-fixed-top {
-        top: 0;
-        border-width: 0 0 1px;
-    }
-    .navbar-collapse.collapse {
-        display: none !important;
-        max-height: none;
-    }
-    .navbar-nav {
-        float: none !important;
-        margin-top: 7.5px;
-    }
-    .navbar-nav .open .dropdown-menu {
-        position: static;
-        float: none;
-        width: auto;
-        margin-top: 0;
-        background-color: transparent;
-        border: 0;
-        -webkit-box-shadow: none;
-        box-shadow: none;
-    }
-    .navbar-nav > li {
-        float: none;
-    }
-    .navbar-nav > li > a {
-        padding-top: 10px;
-        padding-bottom: 10px;
-    }
-    .collapse.in {
-        display: block !important;
-    }
-    #navbar_user {
-        display: inline;
-    }
-}
-
 /* Navigation menu */
 ul.dropdown-menu {
     min-width: 250px;
@@ -149,9 +71,6 @@ ul.dropdown-menu > li > a {
     clear: left;
     margin-right: 80px
 }
-.nav > li > a.dropdown-toggle {
-    padding: 15px 12px;
-}
 
 /* Forms */
 label {
@@ -399,6 +318,9 @@ ul.nav-tabs li a {
     padding: 8px 10px;
     border: none;
 }
+.label a {
+    color: inherit;
+}
 
 /* Filters */
 .filter-container {
@@ -559,11 +481,6 @@ h1 .btn-inline {
     position: relative;
     top: 2px;
 }
-.navbar .navbar-toggle .mdi::before {
-    position: relative;
-    top: 4px;
-    color: #FFF;
-}
 .breadcrumb .mdi::before {
     position: relative;
     top: 4px;
@@ -586,11 +503,6 @@ h1 .btn-inline {
 .input-group-btn .mdi::before {
     font-size: 20px;
 }
-.navbar-brand .mdi::before {
-    position: relative;
-    top: 2px;
-    margin-right: 2px;
-}
 .list-group-item .mdi::before {
     position: relative;
     top: 3px;
@@ -664,3 +576,130 @@ td span.hover_copy:hover .hover_copy_button {
     max-height: calc(100vh - 212px);
     overflow-y: scroll;
 }
+
+/* Navbar */
+.navbar-fixed-left {
+    border: none;
+    border-radius: 0;
+    bottom: 0;
+    left: 0;
+    margin-bottom: 0;
+    margin-right: 20px;
+    overflow: auto;
+    position: fixed;
+    top: 0;
+    width: 220px;  /* same as body padding-left */
+    z-index: 1030; /* `1030` is taken from Bootstrap's `navbar-fixed-top` */
+}
+
+.navbar-fixed-left > .container-fluid {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.navbar-fixed-left .navbar-header {
+    float: none;
+    margin: 0;
+}
+
+.navbar-fixed-left .navbar-header > .navbar-brand {
+    height: auto;
+    margin: 0;
+    padding: 29px 60px 10px 20px;
+}
+
+.navbar-fixed-left .navbar-form {
+    border: none;
+    box-shadow: none;
+    margin: 0;
+    padding: 10px 20px 20px 20px;
+}
+
+.navbar-fixed-left .navbar-form input,
+.navbar-fixed-left .navbar-form button {
+    padding: 7px 10px;
+}
+
+.navbar-fixed-left .navbar-nav {
+    margin: 0;
+    width: 100%;
+}
+
+.navbar-fixed-left .navbar-nav > li {
+    width: 100%;
+}
+
+.navbar-fixed-left .navbar-nav > li > a {
+    padding: 12px 20px;
+}
+
+.navbar-fixed-left .navbar-nav > li > a > i.mdi {
+    margin-right: 7px;
+}
+
+.navbar-fixed-left .navbar-nav:last-of-type > .dropdown > .dropdown-toggle {
+    text-transform: uppercase;
+}
+
+.navbar-fixed-left .navbar-nav > .dropdown > .dropdown-toggle > img {
+    margin-right: 10px;
+}
+
+.navbar-fixed-left .navbar-nav > .dropdown > .dropdown-toggle > #navbar_user {
+    display: inline-block;
+    max-width: calc(100% - 48px); /* 48px = 27px of user icon + 14px of caret + 7px of whitespaces between inline elements */
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+    white-space: nowrap;
+}
+
+.navbar-fixed-left .navbar-nav > .dropdown > .dropdown-menu {
+    border: none;
+    min-width: auto;
+    width: 100%;
+}
+
+.navbar-fixed-left .navbar-nav > .dropdown > .dropdown-menu > .dropdown-header {
+    line-height: 2;
+    padding: 3px 20px;
+    text-transform: uppercase;
+}
+
+.navbar-fixed-left .navbar-nav > .dropdown > .dropdown-menu > li > .buttons.pull-right + a {
+    margin-right: 53px;
+}
+
+.navbar-fixed-left .navbar-nav > .dropdown > .dropdown-menu > li > a {
+    line-height: 1.285714286;
+    margin-right: 0;
+    padding: 8px 20px;
+    white-space: normal;
+}
+
+.navbar-inverse .navbar-nav > li > a {
+    color: #999999;
+    transition: background-color 200ms ease, color 200ms ease;
+}
+
+.navbar-inverse .navbar-nav > li > a:focus,
+.navbar-inverse .navbar-nav > li > a:hover {
+    background-color: #151e2a;
+}
+
+.navbar-inverse .navbar-nav > .dropdown > .dropdown-menu {
+    background-color: #151e2a;
+}
+
+.navbar-inverse .navbar-nav > .dropdown > .dropdown-menu .divider {
+    background-color: #505d68;
+}
+
+.navbar-inverse .navbar-nav > .dropdown > .dropdown-menu > li > a {
+    transition: background-color 200ms ease;
+}
+
+.navbar-inverse .navbar-nav > .dropdown > .dropdown-menu > li > a,
+.navbar-inverse .navbar-nav > .dropdown > .dropdown-menu > li > a:hover {
+    color: #ffffff;
+}

nautobot/project-static/css/dark.css

@@ -48,8 +48,10 @@ html[data-theme="dark"] .list-group,                      /* Section panels cont
 html[data-theme="dark"] .list-group-item,                 /* Item in section panels content, like on home page */
 html[data-theme="dark"] .CodeMirror,                      /* GraphiQL page */
 html[data-theme="dark"] .search-box input,                /* GraphiQL docs tab search box */
+html[data-theme="dark"] .table-headings tr,               /* Table rows */
 html[data-theme="dark"] .modal-body {                     /* Modal background */
   background-color: rgb(222, 222, 222) !important;
+  color: rgb(70, 70, 70) !important;                    /* Slightly darken text color */
 }
 
 /* Slightly lighter than background to standout */
@@ -63,10 +65,11 @@ html[data-theme="dark"] .panel-heading,                   /* Panel header bars *
 html[data-theme="dark"] .panel-footer,                    /* Panel footer bars */
 html[data-theme="dark"] .modal-header,                    /* Header bar in modals */
 html[data-theme="dark"] .modal-footer,                    /* Footer bar in modals */
-html[data-theme="dark"] .table-headings th {
+html[data-theme="dark"] .table-headings th {              /* Table header bar */
   background-color: rgb(196, 204, 210) !important;
 }
 
+
 html[data-theme="dark"] .scheme-container {                /* Swagger docs container header bar */
   background-color: rgb(217, 217, 217) !important;
 }
@@ -78,9 +81,25 @@ html[data-theme="dark"] .CodeMirror-gutters {              /* GraphiQL primary b
   background-color: rgb(217, 217, 217) !important;
 }
 
-/* Preserve blue text color on selected tabs */
-html[data-theme="dark"] .nav-tabs>li.active>a {
-  color: rgb(72, 133, 204);
+/* Preserve border line across bottom of tabs row */
+html[data-theme="dark"] .nav-tabs {
+  border-bottom: 1px solid rgb(100, 100, 100);
+}
+
+/* Preserve border lines around active tab in tabs row */
+html[data-theme="dark"] .nav-tabs>li.active>a,
+html[data-theme="dark"] .nav-tabs>li.active>a:focus,
+html[data-theme="dark"] .nav-tabs>li.active>a:hover {
+  border: 1px solid rgb(100, 100, 100);                 /* Border left/top/right around active tab */
+  border-bottom-color: transparent;                       /* Hides bottom border for active tab */
+  border-radius: 6px 6px 0 0;                             /* Rounds top border corners of active tab */
+  background-color: rgb(217, 217, 217) !important;      /* Blends active tab with background */
+}
+
+/* Preserve matching background in iGraphQL text boxes */
+/* Also fixes bug preventing selected text from being distinguised as selected */
+html[data-theme="dark"] .CodeMirror pre {
+  background: transparent !important;
 }
 
 /* Swagger API Docs */
@@ -93,11 +112,16 @@ html[data-theme="dark"] .swagger-ui select {
 
 html[data-theme="dark"] .swagger-ui input,                /* Swagger docs item input input box */
 html[data-theme="dark"] .swagger-ui select,               /* Swagger docs item select input box */
-html[data-theme="dark"] .swagger-ui textarea{             /* Swagger docs item text area input box */
+html[data-theme="dark"] .swagger-ui textarea {            /* Swagger docs item text area input box */
   background: transparent !important;
   border: 1px solid #888 !important;
 }
 
+/* Swagger docs table item background */
+html[data-theme="dark"] .swagger-ui table {                
+  background: transparent !important;
+}
+
 /* Section headers in swagger docs items */
 html[data-theme="dark"] .swagger-ui .opblock .opblock-section-header {
   background: transparent !important;
@@ -128,6 +152,18 @@ html[data-theme="dark"] .select2-dropdown {               /* Dropdown form field
   background-color: rgb(222, 222, 222) !important;
 }
 
+html[data-theme="dark"] .navbar-nav>li>a {                /* Navbar top level menu dropdown links */
+  color: rgb(100, 100, 100) !important;
+}
+
+html[data-theme="dark"] .navbar-nav>li>a:hover {          /* Navbar top level menu dropdown links on hover */
+  color: rgb(224, 120, 7) !important;
+}
+
+html[data-theme="dark"] .dropdown-menu>li>a {             /* Navbar dropdown text links */
+  color: rgb(51, 51, 51) !important;
+}
+
 /* This is already inverted as a button above, however we do not want it to be */
 html[data-theme="dark"] .accordion-toggle {               /* Accordion dropdown header, like on Jobs page */
   filter: invert(0);                                      /* Do not invert */
@@ -165,4 +201,27 @@ html[data-theme="dark"] .filter-container .filter-selection {
 html[data-theme="dark"] .filter-container .filter-selection .filter-selection-choice {
   background-color: rgb(185, 185, 185);                 /* Background color of dynamic filters selected across most pages, inner selection box */
   border: 1px solid rgb(170, 170, 170);                 /* Border color of dynamic filters selected across most pages, inner selection box */
-}
+}
+
+
+/* Buttons */
+html[data-theme="dark"] .btn-default {
+    background-color: rgb(38, 38, 38) !important;
+}
+
+
+/* List View Table and Tables in Detail Views */
+html[data-theme="dark"] .table-responsive>table>tbody>tr,
+html[data-theme="dark"] .table-headings>tbody>tr {
+    background: rgb(218, 218, 218);
+}
+
+html[data-theme="dark"] .table-responsive>table>tbody>tr:hover,
+html[data-theme="dark"] .table-headings>tbody>tr:hover {
+    background: rgb(213, 213, 213) !important;
+}
+
+html[data-theme="dark"] .table-responsive>table>tbody>tr>td,
+html[data-theme="dark"] .table-headings>tbody>tr {
+    border-top: 1px solid rgb(195, 195, 195);
+}

nautobot/project-static/docs/404.html

@@ -11,7 +11,7 @@
       
       
       <link rel="icon" href="/projects/core/en/stable/assets/favicon.ico">
-      <meta name="generator" content="mkdocs-1.4.3, mkdocs-material-9.1.20">
+      <meta name="generator" content="mkdocs-1.5.3, mkdocs-material-9.1.21">
     
     
       
@@ -2646,6 +2646,20 @@
   
   
   
+    <li class="md-nav__item">
+      <a href="/projects/core/en/stable/user-guide/platform-functionality/externalintegration.html" class="md-nav__link">
+        External Integrations
+      </a>
+    </li>
+  
+
+            
+          
+            
+              
+  
+  
+  
     <li class="md-nav__item">
       <a href="/projects/core/en/stable/user-guide/platform-functionality/gitrepository.html" class="md-nav__link">
         Git Repositories
@@ -2666,7 +2680,7 @@
       
       
       
-      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_4_8" >
+      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_4_9" >
       
       
       
@@ -2675,14 +2689,14 @@
         <div class="md-nav__link md-nav__link--index ">
           <a href="/projects/core/en/stable/user-guide/platform-functionality/graphql.html">GraphQL</a>
           
-            <label for="__nav_2_4_8">
+            <label for="__nav_2_4_9">
               <span class="md-nav__icon md-icon"></span>
             </label>
           
         </div>
       
-      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_2_4_8_label" aria-expanded="false">
-        <label class="md-nav__title" for="__nav_2_4_8">
+      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_2_4_9_label" aria-expanded="false">
+        <label class="md-nav__title" for="__nav_2_4_9">
           <span class="md-nav__icon md-icon"></span>
           GraphQL
         </label>
@@ -2734,7 +2748,7 @@
       
       
       
-      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_4_10" >
+      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_4_11" >
       
       
       
@@ -2743,14 +2757,14 @@
         <div class="md-nav__link md-nav__link--index ">
           <a href="/projects/core/en/stable/user-guide/platform-functionality/jobs/index.html">Jobs</a>
           
-            <label for="__nav_2_4_10">
+            <label for="__nav_2_4_11">
               <span class="md-nav__icon md-icon"></span>
             </label>
           
         </div>
       
-      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_2_4_10_label" aria-expanded="false">
-        <label class="md-nav__title" for="__nav_2_4_10">
+      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_2_4_11_label" aria-expanded="false">
+        <label class="md-nav__title" for="__nav_2_4_11">
           <span class="md-nav__icon md-icon"></span>
           Jobs
         </label>
@@ -2872,7 +2886,7 @@
       
       
       
-      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_4_14" >
+      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_4_15" >
       
       
       
@@ -2881,14 +2895,14 @@
         <div class="md-nav__link md-nav__link--index ">
           <a href="/projects/core/en/stable/user-guide/platform-functionality/rest-api/overview.html">REST API</a>
           
-            <label for="__nav_2_4_14">
+            <label for="__nav_2_4_15">
               <span class="md-nav__icon md-icon"></span>
             </label>
           
         </div>
       
-      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_2_4_14_label" aria-expanded="false">
-        <label class="md-nav__title" for="__nav_2_4_14">
+      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_2_4_15_label" aria-expanded="false">
+        <label class="md-nav__title" for="__nav_2_4_15">
           <span class="md-nav__icon md-icon"></span>
           REST API
         </label>
@@ -3024,17 +3038,17 @@
       
       
       
-      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_4_20" >
+      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2_4_21" >
       
       
       
-        <label class="md-nav__link" for="__nav_2_4_20" id="__nav_2_4_20_label" tabindex="0">
+        <label class="md-nav__link" for="__nav_2_4_21" id="__nav_2_4_21_label" tabindex="0">
           Users
           <span class="md-nav__icon md-icon"></span>
         </label>
       
-      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_2_4_20_label" aria-expanded="false">
-        <label class="md-nav__title" for="__nav_2_4_20">
+      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_2_4_21_label" aria-expanded="false">
+        <label class="md-nav__title" for="__nav_2_4_21">
           <span class="md-nav__icon md-icon"></span>
           Users
         </label>
@@ -4767,6 +4781,20 @@
   
   
   
+    <li class="md-nav__item">
+      <a href="/projects/core/en/stable/release-notes/version-2.1.html" class="md-nav__link">
+        Version 2.1
+      </a>
+    </li>
+  
+
+            
+          
+            
+              
+  
+  
+  
     <li class="md-nav__item">
       <a href="/projects/core/en/stable/release-notes/version-2.0.html" class="md-nav__link">
         Version 2.0