Browse Source

Une barnav mieux alignée

master
Matthieu Marcillaud 9 months ago
parent
commit
0ab287dda9
  1. 10
      phpdoc/template/css/custom.css.twig
  2. 28
      templates/autodoc.css
  3. 22
      templates/index.html.twig

10
phpdoc/template/css/custom.css.twig vendored

@ -17,6 +17,8 @@ html.avec_boussole_topnav body .autodoc-header {
max-width: var(--container-width);
width: 100%;
margin: auto;
padding-left: var(--spacing-md);
padding-right: var(--spacing-md);
}
.autodoc-header {
@ -46,14 +48,14 @@ html.avec_boussole_topnav body .autodoc-header {
font-size: 40px;
margin-bottom: 0;
margin-top: 0;
padding: 15px 0 0 160px;
padding: 15px 0 0 170px;
font-weight: normal;
}
.autodoc-header h1:before {
content: "";
position: absolute;
top: 0px;
left: -20px;
left: -10px;
width: 176px;
height: 122px;
display: block;
@ -65,8 +67,6 @@ html.avec_boussole_topnav body .autodoc-header {
.autodoc-navbar {
min-height: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: var(--theme-gray-lighter);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--theme-gray-light);
@ -75,7 +75,7 @@ html.avec_boussole_topnav body .autodoc-header {
display: flex;
}
.autodoc-navbar .autodoc-subtitle {
padding-left: 160px;
padding-left: 170px;
}

28
templates/autodoc.css

@ -19,7 +19,7 @@ html {
line-height: 1.25;
}
html.avec_boussole_topnav body .header {
html.avec_boussole_topnav body .autodoc-header {
padding-top: 45px;
}
body {
@ -52,7 +52,7 @@ a:focus {
display: none;
}
.container {
.autodoc-container {
max-width: var(--container-width);
width: 100%;
margin: auto;
@ -60,7 +60,7 @@ a:focus {
padding-right: var(--spacing-md);
}
.header {
.autodoc-header {
padding: 0;
padding-top: 0px;
color: white;
@ -69,31 +69,29 @@ a:focus {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.075);
}
.header .title {
.autodoc-header .autodoc-title {
position: relative;
}
.header h1 {
.autodoc-header h1 {
font-size: 40px;
margin-bottom: 0;
margin-top: 0;
padding: 15px 0 0 160px;
padding: 15px 0 0 170px;
font-weight: normal;
}
.header h1:before {
.autodoc-header h1:before {
content: "";
position: absolute;
top: 0;
left: -20px;
left: -10px;
width: 176px;
height: 122px;
display: block;
background: url(autodoc.png) no-repeat top left;
}
.navbar {
.autodoc-navbar {
min-height: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: var(--theme-gray-lighter);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid var(--theme-gray-light);
@ -101,11 +99,11 @@ a:focus {
background-repeat: repeat-x;
display: flex;
}
.navbar .subtitle {
padding-left: 160px;
.autodoc-navbar .autodoc-subtitle {
padding-left: 170px;
}
.content {
.autodoc-content {
margin-top: 2em;
}
@ -154,7 +152,7 @@ td.links a + a:before {
margin-right: 0.3em;
}
.footer {
.autodoc-footer {
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
margin-top: auto;

22
templates/index.html.twig

@ -24,23 +24,23 @@
</head>
<body>
<header class="header" id="header">
<div class='container'>
<div class="title">
<header class="autodoc-header" id="header">
<div class='autodoc-container'>
<div class="autodoc-title">
<h1>{{ title }}</h1>
</div>
</div>
</header>
<div class="navbar">
<div class="container">
<strong class="subtitle">{{ subtitle }}</strong>
<div class="autodoc-navbar">
<div class="autodoc-container">
<strong class="autodoc-subtitle">{{ subtitle }}</strong>
</div>
</div>
{%- block principal %}
<main class="main">
<div class='container'>
<div class="content" id="content">
<main class="autodoc-main">
<div class='autodoc-container'>
<div class="autodoc-content" id="content">
<div class="tabset">
<input type="radio" name="tabset" id="tab0" aria-controls="tous" checked data-index="0">
<label for="tab0">Tous</label>
@ -95,8 +95,8 @@
{% endblock %}
{%- block footer %}
<footer class="footer" id="footer">
<div class='container'>
<footer class="autodoc-footer" id="footer">
<div class='autodoc-container'>
Liste automatique créée avec
<a href="https://git.spip.net/spip-galaxie/code.spip.net_autodoc">Autodoc</a>.<br />

Loading…
Cancel
Save