serguzim/reitanlage-oranienburg
1
0
Fork 0
Code Issues Pull requests Releases 20 Wiki Activity Actions

Update js dependencies and fix stuff

Browse source
This commit is contained in:
Tobias Reisinger 2022-12-05 20:45:15 +01:00
parent 8667959f16
commit b11ebc1d3b
Signed by: serguzim
GPG key ID: 13AD60C237A28DFE
11 changed files with 892 additions and 2906 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/js/app.js
View file

@ -1,4 +1,4 @@
require('./bootstrap');
let bootstrap = require('bootstrap')
import PhotoSwipe from 'photoswipe/dist/photoswipe'
import PhotoSwipeDefaultUI from 'photoswipe/dist/photoswipe-ui-default'
@ -6,7 +6,7 @@ import PhotoSwipeDefaultUI from 'photoswipe/dist/photoswipe-ui-default'
window.PhotoSwipe = PhotoSwipe;
window.PhotoSwipeDefaultUI = PhotoSwipeDefaultUI;
$("#menu-toggle").click(function(e) {
document.querySelector("#menu-toggle").onclick = function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
document.querySelector("#wrapper").classList.toggle("toggled");
};

14
src/js/bootstrap.js vendored
View file

@ -1,14 +0,0 @@
window._ = require('lodash');
/**
* We'll load jQuery and the Bootstrap jQuery plugin which provides support
* for JavaScript based Bootstrap features such as modals and tabs. This
* code may be modified to fit the specific needs of your application.
*/
try {
window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');
require('bootstrap');
} catch (e) {}

119
src/sass/app.scss
View file

@ -1,7 +1,5 @@
// Bootstrap
$theme-colors: (
"primary": #2b3bb4,
);
$primary: #2b3bb4;
@import '~bootstrap/scss/bootstrap';
// FontAwesome
@ -11,5 +9,118 @@ $theme-colors: (
@import '~photoswipe/dist/photoswipe.css';
@import '~photoswipe/dist/default-skin/default-skin.css';
@import './theme';
@import '../css/sidebar.css';
body, #wrapper
{
min-height: 100vh;
}
.flex-fill
{
flex: 1 1 auto;
}
.card-image img
{
width: 100%;
}
.card-columns img,video
{
width: 100%;
}
.card-columns
{
column-gap: 1em;
column-count: 2;
}
.card-columns.card
{
margin-bottom: 1em;
}
@media (min-width: 768px)
{
.card-columns
{
column-count: 3;
}
}
@media (min-width: 992px)
{
.card-columns
{
column-count: 4;
}
}
@media (min-width: 1200px)
{
.card-columns
{
column-count: 6;
}
}
.navbar-brand
{
font-size: 1em;
}
.navbar-brand img
{
height: 3em;
}
header div.row-fixed-h,
header img
{
height: 5rem;
overflow: hidden;
}
.bg-ro
{
background-color: #2b3bb4 !important;
}
footer.bg-ro a
{
color: #fff;
text-decoration: underline;
}
.btn-facebook
{
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
#home-carousel
{
display: flex;
align-items: center;
height: 400px;
}
#home-carousel img
{
max-width: 100%;
max-height: 400px;
}
table tbody tr:nth-of-type(2n+1)
{
background:
#d0d6d3;
}
table td,
table th
{
padding: 0.6rem 0.4rem;
}

113
src/sass/theme.scss
View file

@ -1,113 +0,0 @@
body, #wrapper
{
min-height: 100vh;
}
.flex-fill
{
flex: 1 1 auto;
}
.card-image img
{
width: 100%;
}
.card-columns img,video
{
width: 100%;
}
.card-columns
{
column-gap: 1em;
column-count: 2;
}
.card-columns.card
{
margin-bottom: 1em;
}
@media (min-width: 768px)
{
.card-columns
{
column-count: 3;
}
}
@media (min-width: 992px)
{
.card-columns
{
column-count: 4;
}
}
@media (min-width: 1200px)
{
.card-columns
{
column-count: 6;
}
}
.navbar-brand
{
font-size: 1em;
}
.navbar-brand img
{
height: 3em;
}
header div.row-fixed-h,
header img
{
height: 5rem;
overflow: hidden;
}
.bg-ro
{
background-color: #2b3bb4 !important;
}
footer.bg-ro a
{
color: #fff;
text-decoration: underline;
}
.btn-facebook
{
color: #fff;
background-color: #3b5998;
border-color: #3b5998;
}
#home-carousel
{
display: flex;
align-items: center;
height: 400px;
}
#home-carousel img
{
max-width: 100%;
max-height: 400px;
}
table tbody tr:nth-of-type(2n+1)
{
background:
#d0d6d3;
}
table td,
table th
{
padding: 0.6rem 0.4rem;
}