Narrative web: Some improvements (#931)
* Narrative web: Some improvements - Event type, Date and place in bold - Family events shifted one column on the left - ancestortree css file before narrative-screen to allow modification - Adaptation for all themes Fixes #11393 * Narrative web: forgot a comma during last merge * Allow scrolling if the ancestor tree is too large * Translation of alternate stylesheets name * Crash when using the family map * Translate only the css title, not the file name * Some minor corrections to css files * Narrative web: open layers optimizations * Narrative web: open layers and link in popup * Narrative web: some events missing in popup * Narrative web: Reference date column too large. Allow the place title to use the maximum of width * NarrativeWeb: shift children from one column - adapt the css files to the new table - some inconsistencies between the source and the css * Make the drop down menu button size usable * NarrativeWeb: Incorrect rendering when use of alternate place name * NarWeb: removing the unused image heigth option * Click on image link gives a not found URL. If the image used in home, introduction or contact page is not already associated by a filtered object, we have a 404 error * NarWeb: Index images and thumbnails pages optional * Narweb: Improper Notes subtitle in web pages * Narweb: List index truncated after 999 * Narweb: NarrativeWeb usage enhancements * Narweb: avoid duplicate files in archive. * Narweb: Add an optional news and updates page: When you have a big database and you make intensive updates, it's useful to have a list of the last modified objects. you can select the period to show and how many records to see per object type. * Narweb: forgot to add the module updates.py * Narweb: some minor changes (pylint, img index bug) * Popups don't work with the last openlayers version It only needs to move the scripts at the end of the html body. Use addEventListener instead of onload in the html body statement. * Narweb: some popup problems * Narweb: better score for pylint
This commit is contained in:
Serge Noiraud
GitHub
@@ -11,7 +11,7 @@
|
||||
# the Free Software Foundation; either version 2 of the License, or
|
||||
# (at your option) any later version.
|
||||
#
|
||||
# This program is distributed in the hope that it will be useful,
|
||||
# This program is distributed in the hope that it will be useful,
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
# GNU General Public License for more details.
|
||||
@@ -139,7 +139,6 @@ h1 {
|
||||
h2 {
|
||||
font: bold 1em sans-serif;
|
||||
text-align: center;
|
||||
float: center;
|
||||
}
|
||||
h3 {
|
||||
font: bold italic 1.6em serif;
|
||||
@@ -349,7 +348,7 @@ div#footer p#copyright img {
|
||||
}
|
||||
|
||||
/* Responsive navigation */
|
||||
a.navIcon {
|
||||
button.navIcon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -359,6 +358,12 @@ div#header::after {
|
||||
display: table;
|
||||
}
|
||||
|
||||
/* Updates
|
||||
----------------------------------------------------- */
|
||||
#Updates table.list td.date {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/* Alphabet Navigation
|
||||
----------------------------------------------------- */
|
||||
div#alphanav {
|
||||
@@ -432,11 +437,14 @@ div#nav::after {
|
||||
.nav li {display: none;}
|
||||
.nav ul {display: none;}
|
||||
|
||||
a.navIcon {
|
||||
font-size:1.3em;
|
||||
button.navIcon {
|
||||
display: block;
|
||||
margin: 0.1em 0.4em 0.4em 0.4em;
|
||||
float: left;
|
||||
font-size:2.9em;
|
||||
line-height: 60px;
|
||||
border: 0px;
|
||||
color: #FFF;
|
||||
background-color: #00029D;
|
||||
}
|
||||
|
||||
.nav.responsive {position: absolute; display: block; z-index: 100;}
|
||||
@@ -506,13 +514,12 @@ table.infolist tr td.ColumnRowLabel a {
|
||||
}
|
||||
table.infolist tr td.ColumnType {
|
||||
width: 6%;
|
||||
padding-left: 20px;
|
||||
}
|
||||
table.infolist tr td.ColumnAttribute {
|
||||
width: 10%;
|
||||
}
|
||||
table.infolist tr td.ColumnValue {
|
||||
width: 40%;
|
||||
width: 30%;
|
||||
}
|
||||
table.infolist tr td.ColumnName {
|
||||
width: 30%;
|
||||
@@ -527,7 +534,7 @@ table.infolist tr td.ColumnPartner {
|
||||
table.infolist tr td.ColumnParents {
|
||||
width: 30%;
|
||||
}
|
||||
table.infolist tbody tr td.ColumnParents span.father,
|
||||
table.infolist tbody tr td.ColumnParents span.father,
|
||||
table.infolist tbody tr td.ColumnParents span.mother {
|
||||
display: block;
|
||||
}
|
||||
@@ -595,11 +602,11 @@ div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
table.surnamelist thead tr th.ColumnSurname,
|
||||
table.surnamelist thead tr th.ColumnSurname,
|
||||
#Surnames table.surnamelist tbody tr td.ColumnSurname {
|
||||
width: 50%;
|
||||
}
|
||||
table#SortByName thead tr th.ColumnSurname,
|
||||
table#SortByName thead tr th.ColumnSurname,
|
||||
table#SortByCount thead tr th.ColumnQuantity {
|
||||
background-color: #00029D;
|
||||
color: #FFF;
|
||||
@@ -610,7 +617,7 @@ table.surnamelist thead tr th.ColumnSurname a {
|
||||
table.surnamelist thead tr th.ColumnSurname a:hover {
|
||||
color: #000;
|
||||
}
|
||||
table#SortByName thead tr th.ColumnSurname a:after,
|
||||
table#SortByName thead tr th.ColumnSurname a:after,
|
||||
table#SortByCount thead tr th.ColumnQuantity a:after {
|
||||
content: " ↓";
|
||||
}
|
||||
@@ -661,11 +668,9 @@ div#Places table.infolist tbody tr td.ColumnLongitude {
|
||||
}
|
||||
div#PlaceDetail h5 {
|
||||
font: bold .7cm serif;
|
||||
float: center;
|
||||
text-align: center;
|
||||
border-bottom: double 4px #13A926;
|
||||
}
|
||||
|
||||
|
||||
/* EventList and EventDetail
|
||||
------------------------------------------------------ */
|
||||
@@ -676,18 +681,40 @@ div#EventList, div#EventDetail {
|
||||
table.eventlist tbody tr td.ColumnEvent {
|
||||
width: 10%;
|
||||
}
|
||||
table.eventlist tbody tr td.ColumnPlace {
|
||||
width: 25%;
|
||||
}
|
||||
table.eventlist tbody tr td.ColumnNotes {
|
||||
width: 20%;
|
||||
}
|
||||
table.eventlist tbody tr td.ColumnSources {
|
||||
vertical-align: top;
|
||||
width: 5%;
|
||||
}
|
||||
table.eventlist tbody tr td.ColumnPerson {
|
||||
width: 35%;
|
||||
}
|
||||
table.eventlist th.ColumnDate {
|
||||
width: 15%;
|
||||
}
|
||||
table.eventlist td.ColumnEvent,
|
||||
table.eventlist td.ColumnDate,
|
||||
table.eventlist td.ColumnPlace {
|
||||
font-weight: bold;
|
||||
}
|
||||
#attributes table.infolist td.ColumnType {
|
||||
width: 10%;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#attributes table.infolist td.ColumnSources {
|
||||
width: 5%;
|
||||
padding-left: 5px;
|
||||
}
|
||||
#WebLinks table.infolist td.ColumnType {
|
||||
width: 10%;
|
||||
padding-left: 15px;
|
||||
}
|
||||
#families table.infolist th.ColumnEvent {
|
||||
width: 10%;
|
||||
padding-left: 0px;
|
||||
}
|
||||
#families table.infolist td.ColumnAttribute {
|
||||
padding-left: 0px;
|
||||
}
|
||||
div#IndividualDetail div#families table.eventlist tr td {
|
||||
border-bottom: dashed 1px #000;
|
||||
}
|
||||
@@ -719,7 +746,7 @@ div#EventList table.alphaevent tbody tr td.ColumnGRAMPSID {
|
||||
div#EventList table.alphaevent tbody tr td.ColumnPerson {
|
||||
width: 50%;
|
||||
}
|
||||
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
|
||||
div#EventList table.alphaevent tbody tr td.ColumnPerson span.father,
|
||||
div#EventList table.alphaevent tbody tr td.ColumnPerson span.mother {
|
||||
display:block;
|
||||
}
|
||||
@@ -751,7 +778,7 @@ div#EventDetail table.eventlist tbody tr td.ColumnDate {
|
||||
#EventDetail table.infolist tr td a {
|
||||
display: inline;
|
||||
}
|
||||
#EventList table.infolist tr td span.father,
|
||||
#EventList table.infolist tr td span.father,
|
||||
#EventList table.infolist tr td span.mother,
|
||||
#EventDetail table.infolist tr td span.father,
|
||||
#EventDetail table.infolist tr td span.mother {
|
||||
@@ -863,7 +890,6 @@ div#EventDetail table.eventlist tbody tr td.ColumnDate {
|
||||
}
|
||||
#GalleryDetail div#summaryarea table.gallery {
|
||||
padding-bottom: 0;
|
||||
margin: 1 .5em 0 0;
|
||||
border-style: solid;
|
||||
border-width: 2px 0 1px 0;
|
||||
border-color: #000;
|
||||
@@ -949,9 +975,9 @@ body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Download
|
||||
/* Download
|
||||
----------------------------------------------------- */
|
||||
div#Download {
|
||||
div#Download {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -965,7 +991,7 @@ div#Download table.download {
|
||||
div#Download table.download tbody tr#Row02 {
|
||||
border-bottom: solid 2px #000;
|
||||
}
|
||||
div#Download table.download tbody tr td {
|
||||
div#Download table.download tbody tr td {
|
||||
border: solid 1px #000;
|
||||
text-align: left;
|
||||
}
|
||||
@@ -989,6 +1015,9 @@ div#Download table.download td.ColumnModified {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#Sources table.infolist tr td.ColumnName {
|
||||
width: 70%;
|
||||
}
|
||||
div#SourceDetail {
|
||||
min-height: 900px
|
||||
}
|
||||
@@ -1097,8 +1126,14 @@ div#events h4 {
|
||||
#IndividualDetail div#events table.eventtable {
|
||||
width: 100%;
|
||||
}
|
||||
table.eventlist tbody tr td.ColumnEvent {
|
||||
width: 12%;
|
||||
#families table.eventlist tbody tr td.ColumnEvent {
|
||||
vertical-align: top;
|
||||
width: 8%;
|
||||
}
|
||||
div#RelationshipDetail table.infolist tbody tr td.ColumnAttribute,
|
||||
div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
|
||||
vertical-align: top;
|
||||
width: 10%;
|
||||
}
|
||||
#IndividualDetail div#events table.infolist tbody tr td {
|
||||
padding-top: .4em;
|
||||
@@ -1185,6 +1220,10 @@ div#Families table.infolist tbody tr td.ColumnAttribute {
|
||||
}
|
||||
div#families table.infolist tbody tr td.ColumnValue p {
|
||||
margin-top: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
div#families table.infolist tbody tr td.ColumnValue {
|
||||
width: 70%;
|
||||
}
|
||||
div#families table.infolist tbody tr td.ColumnValue ol {
|
||||
margin: 0;
|
||||
@@ -1199,6 +1238,22 @@ div#families table.infolist tbody tr td.ColumnValue ol li a {
|
||||
div#families table.fixed_subtables table.eventlist {
|
||||
table-layout:fixed;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th.ColumnDate {
|
||||
width: 12%;
|
||||
}
|
||||
div#families table.fixed_subtables table.eventlist th.ColumnSources {
|
||||
width: 5em;
|
||||
}
|
||||
div#families table.fixed_subtables .Child table.eventlist .ColumnName {
|
||||
width: 60%;
|
||||
}
|
||||
div#families table.fixed_subtables .Child table.eventlist .ColumnDate {
|
||||
width: 20%;
|
||||
}
|
||||
div#families table.fixed_subtables .BeginFamily .ColumnType {
|
||||
width: 7em;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Subsection: Families: Attributes
|
||||
------------------------------------------------- */
|
||||
@@ -1215,17 +1270,14 @@ SourcesType {
|
||||
div#families table.infolist tbody tr td.Value {
|
||||
width: 15%;
|
||||
}
|
||||
div#families table.infolist tr td.Notes {
|
||||
width: 40%;
|
||||
}
|
||||
div#families table.infolist tbody tr td.Sources {
|
||||
width: 15%;
|
||||
width: 5%;
|
||||
}
|
||||
|
||||
/* Subsection: Families: LDS Ordinance
|
||||
------------------------------------------------------ */
|
||||
div#families table.infolist {
|
||||
font: normal .8em sans;
|
||||
font: normal .9em sans;
|
||||
}
|
||||
div#families table.infolist tbody tr.BeginOrdinance {
|
||||
border-top: solid 1px #000;
|
||||
@@ -1366,7 +1418,6 @@ div.Residence table.infolist tr td {
|
||||
}
|
||||
#gallery div.indexno {
|
||||
float: right;
|
||||
width: 1.8em;
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
background-color: #CCC;
|
||||
@@ -1411,9 +1462,22 @@ div.narrative {
|
||||
font: normal .9em/1.4em sans-serif;
|
||||
margin: 0.1em 0 0.2em 0;
|
||||
}
|
||||
i.NoteType {
|
||||
font-weight: bold;
|
||||
font-size: .8em;
|
||||
}
|
||||
i + div.grampsstylednote p {
|
||||
margin: 0.1em 0 0.2em 0;
|
||||
}
|
||||
div.grampsstylednote p {
|
||||
padding-bottom: 0.6em;
|
||||
}
|
||||
|
||||
/* Subsection : References
|
||||
----------------------------------------------------- */
|
||||
#references ol {
|
||||
margin-left: 3em;
|
||||
}
|
||||
|
||||
/* Subsections : References
|
||||
----------------------------------------------------- */
|
||||
@@ -1453,6 +1517,9 @@ div#summaryarea table.infolist tr td, div#summaryarea table.infolist tr td p {
|
||||
font: normal .9em/1.2em sans-serif;
|
||||
vertical-align: top;
|
||||
}
|
||||
div#summaryarea table.infolist tr td.ColumnValue {
|
||||
width: 70%;
|
||||
}
|
||||
div#summaryarea table.infolist tr td a, div#summaryarea table.infolist tr td p a {
|
||||
display:inline;
|
||||
}
|
||||
@@ -1482,7 +1549,7 @@ table.WebLinks tbody tr td.ColumnPath {
|
||||
width: 50%;
|
||||
}
|
||||
table.weblinks tbody tr td.ColumnDescription {
|
||||
width: 30%;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
/* Subsections : Pedigree
|
||||
@@ -1568,7 +1635,7 @@ div#pedigree {
|
||||
vertical-align: top;
|
||||
height: 2em;
|
||||
}
|
||||
.calendar thead tr th.weekend,
|
||||
.calendar thead tr th.weekend,
|
||||
.calendar thead tr th.weekday {
|
||||
font-style:italic;
|
||||
color: #000;
|
||||
@@ -1655,9 +1722,9 @@ div#pedigree {
|
||||
}
|
||||
|
||||
/* Calendar : Previous-Next Month */
|
||||
.calendar tbody tr td.previous,
|
||||
.calendar tbody tr td.next,
|
||||
.calendar tbody tr td.previous div.date,
|
||||
.calendar tbody tr td.previous,
|
||||
.calendar tbody tr td.next,
|
||||
.calendar tbody tr td.previous div.date,
|
||||
.calendar tbody tr td.next div.date {
|
||||
color: #333;
|
||||
background-color: #D8F3D6;
|
||||
|
||||
Reference in New Issue
Block a user