Cyclone-Team/gramps
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Narrativeweb: Referenced regions problems (#946)

Browse Source 
When image width > 800, the referenced regions are incorrectly placed

Fixes #11414
This commit is contained in:
Serge Noiraud 2019-11-05 02:06:06 +01:00 committed by Sam Manzi
parent 2e1132bec0
commit 789b72289c
9 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
data/css/Web_Basic-Ash.css
View File

@ -473,11 +473,10 @@ table.eventlist tbody tr td.ColumnSources {
margin: 0px auto; margin: 0px auto;
display: block; display: block;
border: solid 1px #999; border: solid 1px #999;
max-width: 800px;
height: auto; height: auto;
} }
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1600px) {
#GalleryDisplay img { #GalleryDisplay img {
max-width: 100%; max-width: 100%;
} }

3
data/css/Web_Basic-Blue.css
View File

@ -838,11 +838,10 @@ div#EventDetail table.eventlist tbody tr td.ColumnDate {
} }
#GalleryDisplay img { #GalleryDisplay img {
margin: 0 auto; margin: 0 auto;
max-width: 800px;
height: auto; height: auto;
} }
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1600px) {
#GalleryDisplay img { #GalleryDisplay img {
max-width: 100%; max-width: 100%;
} }

3
data/css/Web_Basic-Cypress.css
View File

@ -524,11 +524,10 @@ table.eventlist tbody tr td.ColumnSources {
margin: 0px auto; margin: 0px auto;
display: block; display: block;
border: solid 1px #7C8F7C; border: solid 1px #7C8F7C;
max-width: 800px;
height: auto; height: auto;
} }
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1600px) {
#GalleryDisplay img { #GalleryDisplay img {
max-width: 100%; max-width: 100%;
} }

4
data/css/Web_Basic-Lilac.css
View File

@ -512,15 +512,15 @@ table.eventlist tbody tr td.ColumnSources {
margin: 0px auto; margin: 0px auto;
display: block; display: block;
border: solid 1px #669; border: solid 1px #669;
max-width: 800px;
height: auto; height: auto;
} }
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1600px) {
#GalleryDisplay img { #GalleryDisplay img {
max-width: 100%; max-width: 100%;
} }
} }
#GalleryDetail h3 { #GalleryDetail h3 {
text-align: center; text-align: center;
} }

3
data/css/Web_Basic-Peach.css
View File

@ -512,11 +512,10 @@ table.eventlist tbody tr td.ColumnSources {
margin: 0px auto; margin: 0px auto;
display: block; display: block;
border: solid 1px #EA8414; border: solid 1px #EA8414;
max-width: 800px;
height: auto; height: auto;
} }
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1600px) {
#GalleryDisplay img { #GalleryDisplay img {
max-width: 100%; max-width: 100%;
} }

3
data/css/Web_Basic-Spruce.css
View File

@ -513,11 +513,10 @@ table.eventlist tbody tr td.ColumnSources {
margin: 0px auto; margin: 0px auto;
display: block; display: block;
border: solid 1px #7CA3DD; border: solid 1px #7CA3DD;
max-width: 800px;
height: auto; height: auto;
} }
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1600px) {
#GalleryDisplay img { #GalleryDisplay img {
max-width: 100%; max-width: 100%;
} }

3
data/css/Web_Mainz.css
View File

@ -468,11 +468,10 @@ table.eventlist tbody tr td.ColumnSources {
margin: 0px auto; margin: 0px auto;
display:block; display:block;
border: solid 1px #7D5925; border: solid 1px #7D5925;
max-width: 800px;
height: auto; height: auto;
} }
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1600px) {
#GalleryDisplay img { #GalleryDisplay img {
max-width: 100%; max-width: 100%;
} }

3
data/css/Web_Nebraska.css
View File

@ -747,11 +747,10 @@ table.eventlist tbody tr td.ColumnSources {
} }
#GalleryDisplay img { #GalleryDisplay img {
margin:0 auto; margin:0 auto;
max-width: 800px;
height: auto; height: auto;
} }
@media only screen and (max-width: 1080px) { @media only screen and (max-width: 1600px) {
#GalleryDisplay img { #GalleryDisplay img {
max-width: 100%; max-width: 100%;
} }

9
gramps/plugins/webreport/media.py
View File

@ -472,8 +472,11 @@ class MediaPages(BasePage):
if orig_image_path != newpath: if orig_image_path != newpath:
url = self.report.build_url_fname( url = self.report.build_url_fname(
newpath, None, self.uplink) newpath, None, self.uplink)
s_width = 'width: %dpx;' % max_width
mediadisplay += Html("a", href=url) + ( mediadisplay += Html("a", href=url) + (
Html("img", src=url, alt=esc_page_title) Html("img", src=url,
style=s_width,
alt=esc_page_title)
) )
else: else:
dirname = tempfile.mkdtemp() dirname = tempfile.mkdtemp()
@ -507,9 +510,11 @@ class MediaPages(BasePage):
url = self.report.build_url_fname(newpath, url = self.report.build_url_fname(newpath,
None, None,
self.uplink) self.uplink)
s_width = 'width: 48px;'
hyper = Html("a", href=url, hyper = Html("a", href=url,
title=esc_page_title) + ( title=esc_page_title) + (
Html("img", src=img_url, Html("img", src=img_url,
style=s_width,
alt=esc_page_title) alt=esc_page_title)
) )
mediadisplay += hyper mediadisplay += hyper
@ -521,7 +526,9 @@ class MediaPages(BasePage):
summaryarea += mediadisplay summaryarea += mediadisplay
url = self.report.build_url_image("document.png", url = self.report.build_url_image("document.png",
"images", self.uplink) "images", self.uplink)
s_width = 'width: 48px;'
mediadisplay += Html("img", src=url, mediadisplay += Html("img", src=url,
style=s_width,
alt=esc_page_title, alt=esc_page_title,
title=esc_page_title) title=esc_page_title)