Berufsschule/Webshop
Berufsschule/Webshop
Template
5
2
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

changed example website

Browse Source
This commit is contained in:
Fabian 2024-11-15 14:55:22 +01:00
parent 9ca4415ff9
commit ac206cd94f
5 changed files with 34 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
.idea/inspectionProfiles/Project_Default.xml generated Normal file
View File

@ -0,0 +1,16 @@
<component name="InspectionProjectProfileManager">
<profile version="1.0">
<option name="myName" value="Project Default" />
<inspection_tool class="CssUnknownProperty" enabled="true" level="WARNING" enabled_by_default="true">
<option name="myCustomPropertiesEnabled" value="true" />
<option name="myIgnoreVendorSpecificProperties" value="false" />
<option name="myCustomPropertiesList">
<value>
<list size="1">
<item index="0" class="java.lang.String" itemvalue="interpolate-size" />
</list>
</value>
</option>
</inspection_tool>
</profile>
</component>

7
.idea/sqldialects.xml generated
View File

@ -1,7 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="SqlDialectMappings">
<file url="file://$PROJECT_DIR$/sql/delete_db.sql" dialect="GenericSQL" />
<file url="PROJECT" dialect="MySQL" />
</component>
</project>

3
public/example/index.html
View File

@ -20,8 +20,7 @@
<p>header</p> <p>header</p>
</div> </div>
<div class="left"> <div class="left">
<button class="openbtn" onclick="openNav()">&#9776;</button> <button class="openbtn" onclick="toggleNav()">&#9776;</button>
<h2>Collapsed Sidebar</h2>
</div> </div>
<div class="main"> <div class="main">
<p>main</p> <p>main</p>

20
scripts/example.js
View File

@ -1,11 +1,23 @@
let sidebarEl = document.getElementById("mySidebar")
let mainEl = document.getElementById("main")
/* Set the width of the sidebar to 250px and the left margin of the page content to 250px */ /* Set the width of the sidebar to 250px and the left margin of the page content to 250px */
function openNav() { function openNav() {
document.getElementById("mySidebar").style.width = "250px"; sidebarEl.style.width = "250px";
document.getElementById("main").style.marginLeft = "250px"; mainEl.style.marginLeft = "250px";
} }
/* Set the width of the sidebar to 0 and the left margin of the page content to 0 */ /* Set the width of the sidebar to 0 and the left margin of the page content to 0 */
function closeNav() { function closeNav() {
document.getElementById("mySidebar").style.width = "0"; sidebarEl.style.width = "0";
document.getElementById("main").style.marginLeft = "0"; mainEl.style.marginLeft = "0";
}
/* Toggle the sidebar */
function toggleNav() {
if (sidebarEl.offsetWidth > 0) {
closeNav()
} else {
openNav()
}
} }

1
static/Styles/example.css
View File

@ -10,6 +10,7 @@
overflow-x: hidden; /* Disable horizontal scroll */ overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 60px; /* Place content 60px from the top */ padding-top: 60px; /* Place content 60px from the top */
transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
font-family: "Agency FB";
} }
/* The sidebar links */ /* The sidebar links */