Support for SermonSpeaker 5.x is in bugfix mode only, the same as it is for Joomla 3.10.
I will not add any new features to this releases.
Please upgrade to SermonSpeaker 6.x and Joomla 4.x, which is better anyway.

Anzeige des Predigers "verschwindet"

Michael Speckenbach
Topic Author
Offline
New Member

16 Jan 2017 14:33 #6434 by Michael Speckenbach

Anzeige des Predigers "verschwindet" was created by Michael Speckenbach

Hallo,
wenn ich bei uns auf den Link für den Prediger klicke, verschwindet das öffnende "Fenster" im Dunkel und irgendwo dahinter.

Attachments:

Please Log in or Create an account to join the conversation.

Thomas Hunziker
Offline
Administrator

16 Jan 2017 14:53 #6435 by Thomas Hunziker

Replied by Thomas Hunziker on topic Anzeige des Predigers "verschwindet"

Das sollte eigentlich ein Bootstrap Modal öffnen.
Kannst du gucken ob es mit dem Standard Protostar Template geht?

Please Log in or Create an account to join the conversation.

Michael Speckenbach
Topic Author
Offline
New Member

16 Jan 2017 15:38 #6436 by Michael Speckenbach

Replied by Michael Speckenbach on topic Anzeige des Predigers "verschwindet"

In der Tat. Mit dem protostar-Template öffnet sich das im Vordergrund.

Please Log in or Create an account to join the conversation.

Thomas Hunziker
Offline
Administrator

16 Jan 2017 21:12 #6437 by Thomas Hunziker

Replied by Thomas Hunziker on topic Anzeige des Predigers "verschwindet"

Dann fehlt deinem Template vermutlich die entsprechenden CSS Regeln. Das LESS Äquivalent findest du hier:
github.com/joomla/joomla-cms/blob/stagin...jui/less/modals.less und
github.com/joomla/joomla-cms/blob/stagin...s/modals.joomla.less

Im Protostar Template CSS findest du die entsprechend kompilierten CSS Regeln dann auch wenn du sie lieber dort rauskopieren willst.

Please Log in or Create an account to join the conversation.

Michael Speckenbach
Topic Author
Offline
New Member

20 Jan 2017 14:45 #6460 by Michael Speckenbach

Replied by Michael Speckenbach on topic Anzeige des Predigers "verschwindet"

Habe nun die das CSS aus dem Protostar geklaut.
Leider keine Veränderung.

Zugefügt habe ich:

Code:

/* Modals */
/* -------------------------------------------------- */

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}
.modal-backdrop.fade {
	opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.modal-header {
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
}
.modal-header .close {
	margin-top: 2px;
}
.modal-header h3 {
	margin: 0;
	line-height: 30px;
}
.modal-body {
	width: 98%;
	position: relative;
	max-height: 400px;
	padding: 1%;
}
.modal-body iframe {
	width: 100%;
	max-height: none;
	border: 0 !important;
}
.modal-form {
	margin-bottom: 0;
}
.modal-footer {
	padding: 14px 15px 15px;
	margin-bottom: 0;
	text-align: right;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: inset 0 1px 0 #fff;
	-moz-box-shadow: inset 0 1px 0 #fff;
	box-shadow: inset 0 1px 0 #fff;
	*zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
	display: table;
	content: "";
	line-height: 0;
}
.modal-footer:after {
	clear: both;
}
.modal-footer .btn + .btn {
	margin-left: 5px;
	margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
.fade.in {
	opacity: 1;
}

/* Modals */
/* -------------------------------------------------- */

div.modal {
	position: fixed;
	top: 5%;
	left: 50%;
	z-index: 1050;
	width: 80%;
	margin-left: -40%;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,0.3);
	*border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
	box-shadow: 0 3px 7px rgba(0,0,0,0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	outline: none;
}
div.modal.fade {
	-webkit-transition: opacity .3s linear, top .3s ease-out;
	-moz-transition: opacity .3s linear, top .3s ease-out;
	-o-transition: opacity .3s linear, top .3s ease-out;
	transition: opacity .3s linear, top .3s ease-out;
	top: -25%;
}
div.modal.fade.in {
	top: 5%;
}
.modal-batch {
	overflow-y: visible;
}
.modal-body[class^="jviewport-height"],
.modal-body[class*="jviewport-height"] {
	max-height: none;
}
.jviewport-height10 {
	height: 10vh;
}
.jviewport-height20 {
	height: 20vh;
}
.jviewport-height30 {
	height: 30vh;
}
.jviewport-height40 {
	height: 40vh;
}
.jviewport-height50 {
	height: 50vh;
}
.jviewport-height60 {
	height: 60vh;
}
.jviewport-height70 {
	height: 70vh;
}
.jviewport-height80 {
	height: 80vh;
}
.jviewport-height90 {
	height: 90vh;
}
.jviewport-height100 {
	height: 100vh;
}
div.modal.jviewport-width10 {
	width: 10vw;
	margin-left: -5vw;
}
div.modal.jviewport-width20 {
	width: 20vw;
	margin-left: -10vw;
}
div.modal.jviewport-width30 {
	width: 30vw;
	margin-left: -15vw;
}
div.modal.jviewport-width40 {
	width: 40vw;
	margin-left: -20vw;
}
div.modal.jviewport-width50 {
	width: 50vw;
	margin-left: -25vw;
}
div.modal.jviewport-width60 {
	width: 60vw;
	margin-left: -30vw;
}
div.modal.jviewport-width70 {
	width: 70vw;
	margin-left: -35vw;
}
div.modal.jviewport-width80 {
	width: 80vw;
	margin-left: -40vw;
}
div.modal.jviewport-width90 {
	width: 90vw;
	margin-left: -45vw;
}
div.modal.jviewport-width100 {
	width: 100vw;
	margin-left: -50vw;
}

Please Log in or Create an account to join the conversation.

Thomas Hunziker
Offline
Administrator

20 Jan 2017 15:05 #6461 by Thomas Hunziker

Replied by Thomas Hunziker on topic Anzeige des Predigers "verschwindet"

Ich müsste schon deine Seite sehen wenn ich da genaueres sagen müsste. CSS ist aber nicht wirklich meine Stärke, allzuviel erwarten musst du also nicht

Please Log in or Create an account to join the conversation.

Time to create page: 0.191 seconds