diff --git a/system/author/js/vue-shared.js b/system/author/js/vue-shared.js
index 71b2a2b..1675217 100644
--- a/system/author/js/vue-shared.js
+++ b/system/author/js/vue-shared.js
@@ -495,7 +495,7 @@ Vue.component('component-image', {
'
' +
'
' +
'
' +
- '
![]()
' +
+ '
![]()
' +
'
' +
'
' +
'
' +
@@ -523,7 +523,7 @@ Vue.component('component-image', {
'@input="update($event, name)">' +
'
' +
'
' +
- '' +
+ '' +
'
' +
'
' +
'{{ description|translate }}
' +
@@ -546,23 +546,25 @@ Vue.component('component-image', {
qualitylabel: false,
}
},
- mounted: function(){
- if(this.value !== null && this.value !== '')
- {
- this.imgpreview = myaxios.defaults.baseURL + '/' + this.value;
- if(this.value.indexOf("media/live") > -1 )
- {
- this.quality = 'live';
- this.qualitylabel = 'switch quality to: original';
- }
- else if(this.value.indexOf("media/original") > -1)
- {
- this.quality = 'original';
- this.qualitylabel = 'switch quality to: live';
- }
- }
- },
methods: {
+ getimagesrc: function(value)
+ {
+ if(value !== null && value !== '')
+ {
+ var imgpreview = myaxios.defaults.baseURL + '/' + value;
+ if(value.indexOf("media/live") > -1 )
+ {
+ this.quality = 'live';
+ this.qualitylabel = 'switch quality to: original';
+ }
+ else if(value.indexOf("media/original") > -1)
+ {
+ this.quality = 'original';
+ this.qualitylabel = 'switch quality to: live';
+ }
+ return imgpreview;
+ }
+ },
update: function(value)
{
FormBus.$emit('forminput', {'name' : this.name, 'value' : value});
@@ -582,21 +584,24 @@ Vue.component('component-image', {
this.imgpreview = false;
this.update('');
},
- switchQuality: function()
+ switchQuality: function(value)
{
- if(this.quality == 'live')
+ if(value !== null && value !== '')
{
- var newUrl = this.value.replace("media/live", "media/original");
- this.update(newUrl);
- this.quality = 'original';
- this.qualitylabel = 'switch quality to: live';
- }
- else
- {
- var newUrl = this.value.replace("media/original", "media/live");
- this.update(newUrl);
- this.quality = 'live';
- this.qualitylabel = 'switch quality to: original';
+ if(this.quality == 'live')
+ {
+ var newUrl = value.replace("media/live", "media/original");
+ this.update(newUrl);
+ this.quality = 'original';
+ this.qualitylabel = 'switch quality to: live';
+ }
+ else
+ {
+ var newUrl = value.replace("media/original", "media/live");
+ this.update(newUrl);
+ this.quality = 'live';
+ this.qualitylabel = 'switch quality to: original';
+ }
}
},
openmedialib: function()
diff --git a/themes/cyanine/css/style.css b/themes/cyanine/css/style.css
index d7f3049..ebcf234 100644
--- a/themes/cyanine/css/style.css
+++ b/themes/cyanine/css/style.css
@@ -129,10 +129,6 @@ footer a:hover, footer a:focus, footer a:active{
text-decoration: none;
}
-/* Fix background for hightlight plugin
-code.hljs{ background: transparent; }
-*/
-
/* For definition list */
dt::after{
content: ":";
@@ -147,15 +143,10 @@ figure{
margin: 2em auto;
padding: 0;
}
-figure.left{
- width: auto;
- float: left;
- margin: 0 2em 2em 0;
-}
-figure.right{
- width: auto;
- float: right;
- margin: 0 0 2em 2em;
+figure.right, figure.left {
+ width: auto;
+ float: none;
+ margin: auto auto;
}
figure img{
display: block;
@@ -242,6 +233,7 @@ a.tm-heading-anchor {
font-weight: 300;
opacity: 0;
text-decoration: none;
+ float: right;
}
a.tm-heading-anchor:hover,a.tm-heading-anchor:focus {
opacity: 1;
@@ -261,30 +253,6 @@ h6:hover > .tm-heading-anchor{
text-decoration: none;
}
-/* style the typemill download-button for files
-a.tm-download
-{
- line-height: 35px;
- margin-left: 40px;
-}
-a.tm-download::before{
- content: '\2193';
- position: absolute;
- margin-left: -40px;
- width: 30px;
- height: 30px;
- font-family: Courier, Calibri, "Segoe UI", Roboto, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- font-size: 1em;
- font-weight: 900;
- border-radius: 50%;
- text-align: center;
- text-decoration: none;
-}
-a.tm-download:hover::before{
- text-decoration: none;
-}
-*/
-
/* style the typemill download-button for files */
a.tm-download{}
a.tm-download::before{
@@ -497,6 +465,19 @@ button.play-video::after {
h1,h2,h3,h4,h5,h6{ hyphens: manual; }
}
+@media (min-width: 40em) {
+ figure.right {
+ width: auto;
+ float: right;
+ margin: 0 0 2em 2em;
+ }
+ figure.left {
+ width: auto;
+ float: left;
+ margin: 0 2em 2em 0;
+ }
+}
+
@media screen and (min-width:50em) {
.grid-container{
display: grid;
@@ -543,6 +524,9 @@ button.play-video::after {
font-size: inherit;
max-height: inherit;
}
+ a.tm-heading-anchor {
+ float: left;
+ }
}
@media print {
@@ -553,14 +537,6 @@ button.play-video::after {
margin-top: -10px!important;
padding-top: 0px!important;
}
-/* .logo a[href]:after {
- content: "Homepage: " attr(href);
- display: block;
- margin: 1rem 0;
- font-size: 14px;
- font-weight: normal;
- }
-*/
.logo-image{
max-width: 150px;
}
@@ -596,4 +572,7 @@ button.play-video::after {
nav .mw6{
width: 100%;
}
+ a.tm-heading-anchor {
+ display: none;
+ }
}
\ No newline at end of file