Añade nuevos estilos para mejorar la impresión

Se mejora la impresión de las páginas desde el navegador mostrando los
enlaces en el contenido de los wikis y ajustando la presentación de
ciertas vistas como el calendario o los diagramas gantt.
This commit is contained in:
Manuel Cillero 2020-10-30 12:20:15 +01:00
parent 5f169a934e
commit 33e7b881a5
2 changed files with 84 additions and 2 deletions

View file

@ -149,7 +149,7 @@
<li class="social-link-mail"><a href="https://manuel.cillero.es/contacto/#suitepro" title="Mail" class="icon-mail"><span>Mail</span></a></li> <li class="social-link-mail"><a href="https://manuel.cillero.es/contacto/#suitepro" title="Mail" class="icon-mail"><span>Mail</span></a></li>
</ul> </ul>
<div class="bgl"><div class="bgr"> <div class="bgl"><div class="bgr">
<%= Time.current.year %> &copy; SuitePro (powered by <%= link_to Redmine::Info.app_name, Redmine::Info.url %>) <span class="copyright"><%= Time.current.year %> &copy; SuitePro <span class="powered">(powered by <%= link_to Redmine::Info.app_name, Redmine::Info.url %>)</span></span>
<div id="legal"> <div id="legal">
<span class="legal-legal"><a href="/projects/suitepro/wiki/Legal"><%= l(:label_legal) %></a></span> <span class="legal-legal"><a href="/projects/suitepro/wiki/Legal"><%= l(:label_legal) %></a></span>
<span class="legal-terms"> &nbsp;|&nbsp; <a href="/projects/suitepro/wiki/Condiciones_de_uso"><%= l(:label_legal_terms) %></a></span> <span class="legal-terms"> &nbsp;|&nbsp; <a href="/projects/suitepro/wiki/Condiciones_de_uso"><%= l(:label_legal_terms) %></a></span>

View file

@ -171,6 +171,10 @@ p.breadcrumb, p.buttons, p.author, p.other-formats {
font-size: 13px !important; font-size: 13px !important;
} }
abbr[title] {
text-decoration: none;
}
/* /*
* Avoid break inside each project block when use columns in the project's page. * Avoid break inside each project block when use columns in the project's page.
* See https://stackoverflow.com/q/7785374 * See https://stackoverflow.com/q/7785374
@ -1914,11 +1918,89 @@ form[class$="glossary_style"] #grouping label {
div#content { div#content {
width: 100%; width: 100%;
min-height: auto !important;
padding: 0; padding: 0;
} }
div.wiki a[href]:after {
content: " <" attr(href) ">";
color: #f70a0a;
font-weight: 300;
font-size: 90%;
text-transform: initial;
word-break: break-all;
}
#projects-index a[href]:after,
body.controller-projects.action-show a[href]:after,
table.list a[href]:after,
#issue-changesets a[href]:after,
div.wiki p.query-totals a[href]:after,
a.hide-link-when-print:after {
content: "" !important;
}
abbr {
border-bottom: 0;
}
div.wiki .external {
padding-right: 0;
background-image: none;
}
.hljs {
white-space: pre-line;
}
body.controller-issues.action-show div.changeset-comments {
font-size: 10px;
}
table.list.glossary th,
table.list.glossary td {
text-align: left;
}
#fp {
height: 600px;
}
#fp-banner {
width: 100%;
height: 50vh !important;
background: #ccc;
}
#fp-banner p {
width: 90% !important;
}
body.action-login #content {
background: #aaa;
}
#footer {
display: block;
background: #fff;
border: 0;
border-top: 1px solid#ccc;
}
#wrapper-footer {
width: 100%;
max-width: 100%;
}
#footer div.bgl {
margin-left: 0;
color: #000;
}
#footer a, #footer a:visited {
color: #ccc;
}
#login-form a.lost_password,
#filters, #options,
a.icon, a.wiki-anchor,
body.controller-welcome.action-index #content section#one,
body.controller-welcome.action-index #content section#two,
body.controller-welcome.action-index #content section#three,
#fp-login, #fp-cta, #fp-banner ul, #fp-banner a.more,
body.controller-gantts #query_form + table + table,
div.wiki ul.toc, div.wiki ul.toc,
.private_wiki_flag { div.wiki p.query-issue-links,
.private_wiki_flag,
#legal, .powered,
#footer ul.social-menu {
display: none !important; display: none !important;
} }
} }