Corrige visualización de CKEditor

Los estilos de los enlaces de la información legal del pie de página
tenían un efecto colateral al maximizar el editor CKEditor, dejando los
botones fuera de la ventana. Se cambian estos estilos y se ajusta la
plantilla de la página.

Resuelve #302
This commit is contained in:
Manuel Cillero 2020-08-11 12:28:54 +02:00
parent e467e08090
commit aad4fe0601
2 changed files with 16 additions and 9 deletions

View file

@ -63,6 +63,7 @@
<div id="wrapper2"> <div id="wrapper2">
<div id="wrapper3"> <div id="wrapper3">
<div id="top-menu"> <div id="top-menu">
<div id="wrapper-top-menu"> <div id="wrapper-top-menu">
<ul class="social-menu"> <ul class="social-menu">
@ -129,9 +130,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<a href="#" id="scrollup" class="hide-when-print"><%=l(:label_sort_higher)%></a><%= javascript_tag "$('#scrollup').click(function(){$('html,body').animate({scrollTop:0},600);return false;});" %> </div> <!-- #wrapper3 -->
<a href="#" id="scrollup" class="hide-when-print" style="display: none;"><%=l(:label_sort_higher)%></a><%= javascript_tag "$('#scrollup').click(function(){$('html,body').animate({scrollTop:0},600);return false;});" %>
<div id="ajax-indicator" style="display:none;"><span><%= l(:label_loading) %></span></div> <div id="ajax-indicator" style="display:none;"><span><%= l(:label_loading) %></span></div>
<div id="ajax-modal" style="display:none;"></div> <div id="ajax-modal" style="display:none;"></div>
@ -147,18 +149,20 @@
<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 %>)
<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>
<span class="legal-privacy"> &nbsp;|&nbsp; <a href="/projects/suitepro/wiki/Política_de_privacidad"><%= l(:label_legal_privacy) %></a></span> <span class="legal-privacy"> &nbsp;|&nbsp; <a href="/projects/suitepro/wiki/Política_de_privacidad"><%= l(:label_legal_privacy) %></a></span>
<span class="legal-cookies"> &nbsp;|&nbsp; <a href="/projects/suitepro/wiki/Política_de_cookies"><%= l(:label_legal_cookies) %></a></span> <span class="legal-cookies"> &nbsp;|&nbsp; <a href="/projects/suitepro/wiki/Política_de_cookies"><%= l(:label_legal_cookies) %></a></span>
</div> </div>
<%= Time.current.year %> &copy; SuitePro (powered by <%= link_to Redmine::Info.app_name, Redmine::Info.url %>)
</div></div> </div></div>
</div> </div>
</div> </div>
</div>
</div> </div> <!-- #wrapper2 -->
</div> <!-- #wrapper -->
<%= call_hook :view_layouts_base_body_bottom %> <%= call_hook :view_layouts_base_body_bottom %>
<script> <script>

View file

@ -56,6 +56,7 @@ body {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: 1240px; max-width: 1240px;
position: relative;
} }
#wrapper3, #wrapper3,
@ -455,6 +456,8 @@ ul.social-menu .social-link-mail:hover a {
border-radius: 300px; border-radius: 300px;
} }
#footer ul.social-menu { #footer ul.social-menu {
position: absolute;
right: 0;
margin: 3px 30px 0 0; margin: 3px 30px 0 0;
} }
@ -642,7 +645,7 @@ ul.social-menu .social-link-mail:hover a {
height: 40px; height: 40px;
opacity: 0.2; opacity: 0.2;
position: fixed; position: fixed;
bottom: 50px; bottom: 92px;
right: 60px; right: 60px;
display: none; display: none;
text-indent: -9999px; text-indent: -9999px;
@ -667,7 +670,8 @@ ul.social-menu .social-link-mail:hover a {
} }
#footer div.bgl { #footer div.bgl {
display: inline-block; display: inline-block;
margin: 14px 0 4.4em 30px; margin: 14px 0 0 30px;
height: 6.4em;
} }
#footer a, #footer a:visited { #footer a, #footer a:visited {
color: #ced4d9; color: #ced4d9;
@ -678,8 +682,7 @@ ul.social-menu .social-link-mail:hover a {
} }
#legal { #legal {
position: absolute; margin-top: 0.65em;
margin-top: 2.8em;
line-height: 1.6em; line-height: 1.6em;
} }
#legal a { #legal a {