1
0
Fork 0
mirror of https://github.com/retspen/webvirtcloud synced 2024-12-25 15:45:23 +00:00

navbars position is changed to stick-top

This commit is contained in:
catborise 2021-10-01 09:48:09 +03:00
parent 607e396352
commit c1488eee52
4 changed files with 5 additions and 4 deletions

View file

@ -35,7 +35,7 @@
<body> <body>
<div id='main_container' class="container"> <div id='main_container' class="container">
<nav class="navbar navbar-expand-md navbar-dark bg-primary" arial-label="console navbar"> <nav class="navbar sticky-top navbar-expand-md navbar-dark bg-primary" arial-label="console navbar">
<div class="container"> <div class="container">
<a class="navbar-brand">{{ instance.name }}</a> <a class="navbar-brand">{{ instance.name }}</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse"

View file

@ -906,7 +906,7 @@ select:active {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #313131; background-color: #313131;
border-bottom-right-radius: 800px 600px; border-bottom-right-radius: 800px 660px;
/*border-top-left-radius: 800px 600px;*/ /*border-top-left-radius: 800px 600px;*/
} }

View file

@ -9,7 +9,7 @@
body { body {
margin:0; margin:0;
background-color:#313131; background-color:#313131;
border-bottom-right-radius: 800px 600px; border-bottom-right-radius: 800px 660px;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -23,6 +23,7 @@ html {
#noVNC_status_bar { #noVNC_status_bar {
width: 100%; width: 100%;
display: flex; display: flex;
position: sticky; top: 60;
} }
#noVNC_status { #noVNC_status {

View file

@ -2,7 +2,7 @@
{% load icons %} {% load icons %}
{% load common_tags %} {% load common_tags %}
<!-- Fixed navbar --> <!-- Fixed navbar -->
<nav class="navbar navbar-expand-md navbar-dark bg-primary mb-3" aria-label="Main top navbar"> <nav class="navbar sticky-top navbar-expand-md navbar-dark bg-primary mb-3" aria-label="Main top navbar">
<div class="container"> <div class="container">
<a class="navbar-brand" href="{% url 'index' %}">WebVirtCloud</a> <a class="navbar-brand" href="{% url 'index' %}">WebVirtCloud</a>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar" aria-expanded="false" aria-label="Toggle navigation"> <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar" aria-expanded="false" aria-label="Toggle navigation">