Merge pull request #2133 from AndreasK79/qslcard_responsive
[QSL Card] Adjusted class and css to make QSL card images more responsive
这个提交包含在:
当前提交
b52449da3c
共有 3 个文件被更改,包括 11 次插入 和 6 次删除
|
|
@ -2186,7 +2186,7 @@ $(document).ready(function(){
|
||||||
function viewQsl(picture, callsign) {
|
function viewQsl(picture, callsign) {
|
||||||
var baseURL= "<?php echo base_url();?>";
|
var baseURL= "<?php echo base_url();?>";
|
||||||
var $textAndPic = $('<div></div>');
|
var $textAndPic = $('<div></div>');
|
||||||
$textAndPic.append('<img class="img-fluid" style="height:auto;width:auto;"src="'+baseURL+'/assets/qslcard/'+picture+'" />');
|
$textAndPic.append('<img class="img-fluid w-qsl" style="height:auto;width:auto;"src="'+baseURL+'/assets/qslcard/'+picture+'" />');
|
||||||
var title = '';
|
var title = '';
|
||||||
if (callsign == null) {
|
if (callsign == null) {
|
||||||
title = 'QSL Card';
|
title = 'QSL Card';
|
||||||
|
|
@ -2315,7 +2315,7 @@ function deleteQsl(id) {
|
||||||
'</tr>');
|
'</tr>');
|
||||||
var quantity = $(".carousel-indicators li").length;
|
var quantity = $(".carousel-indicators li").length;
|
||||||
$(".carousel-indicators").append('<li data-target="#carouselExampleIndicators" data-slide-to="'+quantity+'"></li>');
|
$(".carousel-indicators").append('<li data-target="#carouselExampleIndicators" data-slide-to="'+quantity+'"></li>');
|
||||||
$(".carousel-inner").append('<div class="carousel-item carouselimageid_'+data.status.front.insertid+'"><img class="d-block w-100" src="'+baseURL+'/assets/qslcard/'+data.status.front.filename+'" alt="QSL picture #'+(quantity+1)+'"></div>');
|
$(".carousel-inner").append('<div class="carousel-item carouselimageid_'+data.status.front.insertid+'"><img class="img-fluid w-qsl" src="'+baseURL+'/assets/qslcard/'+data.status.front.filename+'" alt="QSL picture #'+(quantity+1)+'"></div>');
|
||||||
$("#qslcardfront").val(null);
|
$("#qslcardfront").val(null);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
|
@ -2335,7 +2335,7 @@ function deleteQsl(id) {
|
||||||
$('.qslcardtab').removeAttr('hidden');
|
$('.qslcardtab').removeAttr('hidden');
|
||||||
var quantity = $(".carousel-indicators li").length;
|
var quantity = $(".carousel-indicators li").length;
|
||||||
$(".carousel-indicators").append('<li class="active" data-target="#carouselExampleIndicators" data-slide-to="'+quantity+'"></li>');
|
$(".carousel-indicators").append('<li class="active" data-target="#carouselExampleIndicators" data-slide-to="'+quantity+'"></li>');
|
||||||
$(".carousel-inner").append('<div class="active carousel-item carouselimageid_'+data.status.front.insertid+'"><img class="d-block w-100" src="'+baseURL+'/assets/qslcard/'+data.status.front.filename+'" alt="QSL picture #'+(quantity+1)+'"></div>');
|
$(".carousel-inner").append('<div class="active carousel-item carouselimageid_'+data.status.front.insertid+'"><img class="img-fluid w-qsl" src="'+baseURL+'/assets/qslcard/'+data.status.front.filename+'" alt="QSL picture #'+(quantity+1)+'"></div>');
|
||||||
$(".carouselExampleIndicators").carousel();
|
$(".carouselExampleIndicators").carousel();
|
||||||
$("#qslcardfront").val(null);
|
$("#qslcardfront").val(null);
|
||||||
}
|
}
|
||||||
|
|
@ -2354,7 +2354,7 @@ function deleteQsl(id) {
|
||||||
'</tr>');
|
'</tr>');
|
||||||
var quantity = $(".carousel-indicators li").length;
|
var quantity = $(".carousel-indicators li").length;
|
||||||
$(".carousel-indicators").append('<li data-target="#carouselExampleIndicators" data-slide-to="'+quantity+'"></li>');
|
$(".carousel-indicators").append('<li data-target="#carouselExampleIndicators" data-slide-to="'+quantity+'"></li>');
|
||||||
$(".carousel-inner").append('<div class="carousel-item carouselimageid_'+data.status.back.insertid+'"><img class="d-block w-100" src="'+baseURL+'/assets/qslcard/'+data.status.back.filename+'" alt="QSL picture #'+(quantity+1)+'"></div>');
|
$(".carousel-inner").append('<div class="carousel-item carouselimageid_'+data.status.back.insertid+'"><img class="img-fluid w-qsl" src="'+baseURL+'/assets/qslcard/'+data.status.back.filename+'" alt="QSL picture #'+(quantity+1)+'"></div>');
|
||||||
$("#qslcardback").val(null);
|
$("#qslcardback").val(null);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
|
@ -2374,7 +2374,7 @@ function deleteQsl(id) {
|
||||||
$('.qslcardtab').removeAttr('hidden');
|
$('.qslcardtab').removeAttr('hidden');
|
||||||
var quantity = $(".carousel-indicators li").length;
|
var quantity = $(".carousel-indicators li").length;
|
||||||
$(".carousel-indicators").append('<li class="active" data-target="#carouselExampleIndicators" data-slide-to="'+quantity+'"></li>');
|
$(".carousel-indicators").append('<li class="active" data-target="#carouselExampleIndicators" data-slide-to="'+quantity+'"></li>');
|
||||||
$(".carousel-inner").append('<div class="active carousel-item carouselimageid_'+data.status.back.insertid+'"><img class="d-block w-100" src="'+baseURL+'/assets/qslcard/'+data.status.back.filename+'" alt="QSL picture #'+(quantity+1)+'"></div>');
|
$(".carousel-inner").append('<div class="active carousel-item carouselimageid_'+data.status.back.insertid+'"><img class="img-fluid w-qsl" src="'+baseURL+'/assets/qslcard/'+data.status.back.filename+'" alt="QSL picture #'+(quantity+1)+'"></div>');
|
||||||
$(".carouselExampleIndicators").carousel();
|
$(".carouselExampleIndicators").carousel();
|
||||||
$("#qslcardback").val(null);
|
$("#qslcardback").val(null);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -537,7 +537,7 @@
|
||||||
echo ' active';
|
echo ' active';
|
||||||
}
|
}
|
||||||
echo '">';
|
echo '">';
|
||||||
echo '<img class="d-block w-100" src="' . base_url() . '/assets/qslcard/' . $image->filename .'" alt="QSL picture #'. $i++.'">';
|
echo '<img class="img-fluid w-qsl" src="' . base_url() . '/assets/qslcard/' . $image->filename .'" alt="QSL picture #'. $i++.'">';
|
||||||
echo '</div>';
|
echo '</div>';
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
|
||||||
|
|
@ -431,4 +431,9 @@ div#station_logbooks_linked_table_paginate {
|
||||||
|
|
||||||
.activeRow a {
|
.activeRow a {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.w-qsl{
|
||||||
|
max-height: calc(100vh - 270px);
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
正在加载…
在新工单中引用