Overview
Comment:Améliorer l'ergonomie du menu en version mobile
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | dev
Files: files | file ages | folders
SHA1: 8210e2358bbbaea2e419de8cb871eae2544627ae
User & Date: bohwaz on 2017-08-17 05:51:08
Other Links: branch diff | manifest | tags
Context
2017-08-23
01:46
Correction : supprimer_spip devient supprimer_skriv check-in: 9c4c674920 user: bohwaz tags: dev
2017-08-17
05:51
Améliorer l'ergonomie du menu en version mobile check-in: 8210e2358b user: bohwaz tags: dev
04:46
Corrections diverses compta check-in: 96a4392911 user: bohwaz tags: dev
Changes

Modified src/templates/admin/_head.tpl from [fd198ada1d] to [498e44e26e].

44
45
46
47
48
49
50
51
52



53
54
55
56
57
58
59
60


61
62

63
64
65
66
67
68
69
70
71
72
73
74
75
76

77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

92
93
94
95
96
97
98
99
100
101
102
103

104
105

106
107
108
109
110
111

112
113
114
115
116
117
118
119
120
121
44
45
46
47
48
49
50


51
52
53

54
55
56
57
58


59
60
61

62
63
64
65
66
67
68
69
70
71
72
73
74
75

76
77
78
79
80
81
82
83
84
85
86
87
88
89
90

91
92
93
94
95
96
97
98
99
100
101
102

103
104

105
106
107
108
109
110

111
112
113
114
115
116
117
118
119
120
121







-
-
+
+
+
-





-
-
+
+

-
+













-
+














-
+











-
+

-
+





-
+










        <li><a href="{$www_url}">&larr; Retour au site</a></li>
        <li><a href="{$admin_url}">Connexion</a>
            <ul>
                <li><a href="{$admin_url}password.php">Mot de passe perdu</a>
            </ul>
        </li>
    {else}
        <li class="home{if $current == 'home'} current{/if}"><a href="{$admin_url}"><b class="icn">⌂</b> Accueil</a></li>
        {if !empty($plugins_menu)}
        <li class="home{if $current == 'home'} current{/if}">
            <a href="{$admin_url}"><b class="icn">⌂</b><i> Accueil</i></a>
            {if !empty($plugins_menu)}
            <li class="plugins">
                <ul>
                {foreach from=$plugins_menu key="id" item="name"}
                    <li class="plugins {if $current == sprintf("plugin_%s", $id)} current{/if}"><a href="{plugin_url id=$id}">{$name}</a></li>
                {/foreach}
                </ul>
            </li>
        {/if}
            {/if}
        </li>
        {if $user.droits.membres >= Garradin\Membres::DROIT_ACCES}
            <li class="member list{if $current == 'membres'} current{/if}"><a href="{$admin_url}membres/"><b class="icn">👪</b> Membres</a>
            <li class="member list{if $current == 'membres'} current{/if}"><a href="{$admin_url}membres/"><b class="icn">👪</b><i> Membres</i></a>
            {if $user.droits.membres >= Garradin\Membres::DROIT_ECRITURE}
            <ul>
                <li class="member new{if $current == 'membres/ajouter'} current{/if}"><a href="{$admin_url}membres/ajouter.php">Ajouter</a></li>
                <li class="member cotisations{if $current == 'membres/cotisations'} current{/if}"><a href="{$admin_url}membres/cotisations/">Cotisations</a></li>
                {if $user.droits.membres >= Garradin\Membres::DROIT_ADMIN}
                <li class="member admin config{if $current == 'membres/categories'} current{/if}"><a href="{$admin_url}membres/categories/">Catégories</a></li>
                <li class="members admin mail{if $current == 'membres/message_collectif'} current{/if}"><a href="{$admin_url}membres/message_collectif.php">Message collectif</a></li>
                {/if}
            </ul>
            {/if}
            </li>
        {/if}
        {if $user.droits.compta >= Garradin\Membres::DROIT_ACCES}
            <li class="compta{if $current == 'compta'} current{/if}"><a href="{$admin_url}compta/"><b>€</b> Comptabilité</a>
            <li class="compta{if $current == 'compta'} current{/if}"><a href="{$admin_url}compta/"><b>€</b><i> Comptabilité</i></a>
            <ul>
            {if $user.droits.compta >= Garradin\Membres::DROIT_ECRITURE}
                <li class="compta new{if $current == 'compta/saisie'} current{/if}"><a href="{$admin_url}compta/operations/saisir.php">Saisie</a></li>
            {/if}
                <li class="compta list{if $current == 'compta/gestion'} current{/if}"><a href="{$admin_url}compta/operations/">Suivi des opérations</a></li>
                <li class="compta banks{if $current == 'compta/banques'} current{/if}"><a href="{$admin_url}compta/banques/">Banques &amp; caisse</a></li>
            {if $user.droits.compta >= Garradin\Membres::DROIT_ADMIN}
                <li class="compta admin config{if $current == 'compta/categories'} current{/if}"><a href="{$admin_url}compta/categories/">Catégories &amp; comptes</a></li>
            {/if}
                <li class="compta admin reports{if $current == 'compta/exercices'} current{/if}"><a href="{$admin_url}compta/exercices/">Exercices</a></li>
            </ul>
            </li>
        {/if}
        {if $user.droits.wiki >= Garradin\Membres::DROIT_ACCES}
            <li class="wiki{if $current == 'wiki'} current{/if}"><a href="{$admin_url}wiki/"><b class="icn">✎</b> Wiki</a>
            <li class="wiki{if $current == 'wiki'} current{/if}"><a href="{$admin_url}wiki/"><b class="icn">✎</b><i> Wiki</i></a>
            <ul>
                <li class="wiki list{if $current == 'wiki/recent'} current{/if}"><a href="{$admin_url}wiki/recent.php">Dernières modifications</a>
                <li class="wiki search{if $current == 'wiki/chercher'} current{/if}"><a href="{$admin_url}wiki/chercher.php">Recherche</a>
                {if $user.droits.wiki >= Garradin\Membres::DROIT_ECRITURE}
                {/if}
                {*<li class="wiki follow{if $current == 'wiki/suivi'} current{/if}"><a href="{$admin_url}wiki/suivi.php">Mes pages suivies</a>*}
                {*<li class="wiki follow{if $current == 'wiki/contribution'} current{/if}"><a href="{$admin_url}wiki/contributions.php">Mes contributions</a>*}
            </ul>
            </li>
        {/if}
        {if $user.droits.config >= Garradin\Membres::DROIT_ADMIN}
            <li class="main config{if $current == 'config'} current{/if}"><a href="{$admin_url}config/"><b class="icn">☸</b>Configuration</a>
            <li class="main config{if $current == 'config'} current{/if}"><a href="{$admin_url}config/"><b class="icn">☸</b><i> Configuration</i></a>
        {/if}
        <li class="my config{if $current == 'mes_infos'} current{/if}"><a href="{$admin_url}mes_infos.php"><b class="icn">👤</b> Mes infos personnelles</a>
        <li class="my config{if $current == 'mes_infos'} current{/if}"><a href="{$admin_url}mes_infos.php"><b class="icn">👤</b><i> Mes infos personnelles</i></a>
            <ul>
                <li class="my cotisations{if $current == 'mes_cotisations'} current{/if}"><a href="{$admin_url}mes_cotisations.php">Mes cotisations</a></li>
            </ul>
        </li>
        {if !defined('Garradin\LOCAL_LOGIN')}
        <li class="logout"><a href="{$admin_url}logout.php"><b class="icn">⤝</b> Déconnexion</a></li>
        <li class="logout"><a href="{$admin_url}logout.php"><b class="icn">⤝</b><i> Déconnexion</i></a></li>
        {/if}
    {/if}
    </ul>
    </nav>

    <h1>{$title}</h1>
</header>
{/if}

<main>

Modified src/www/admin/static/admin.css from [b83f460a19] to [86c6f363a9].

93
94
95
96
97
98
99




100
101
102
103
104
105
106
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110







+
+
+
+







    width: 170px;
    bottom: 0;
    top: 0;
    padding-top: 100px;
    background: #9c4f15 url("gdin_bg.png") no-repeat 0px 0px;
    background-color: rgb(var(--gMainColor));
}

.header .menu i {
    font-style: normal;
}

.header .menu a {
    color: #fff;
    color: rgb(var(--gBgColor));
    font-weight: bold;
    padding: 0.4em 0.4em 0.4em 1em;
    display: block;

Modified src/www/admin/static/handheld.css from [ab8f8769ca] to [761b7d622c].

11
12
13
14
15
16
17

18

19

20
21
22
23


24
25
26
27
28
29
30
31
32
33
34
35
36




37
38
39
40
41
42





43
44
45
46


47
48
49
50


51
52
53
54
55
56
57
58
59


60
61
62
63


64
65
66
67
68











69
70
71
72
73
74
75













76
77
78
79
80





81
82
83
84
85
86
87
11
12
13
14
15
16
17
18

19
20
21
22
23


24
25




26




27
28


29
30
31
32
33





34
35
36
37
38
39
40


41
42
43
44


45
46





47
48


49
50
51
52


53
54
55
56



57
58
59
60
61
62
63
64
65
66
67
68
69





70
71
72
73
74
75
76
77
78
79
80
81
82
83
84



85
86
87
88
89
90
91
92
93
94
95
96







+
-
+

+


-
-
+
+
-
-
-
-

-
-
-
-


-
-
+
+
+
+

-
-
-
-
-
+
+
+
+
+


-
-
+
+


-
-
+
+
-
-
-
-
-


-
-
+
+


-
-
+
+


-
-
-
+
+
+
+
+
+
+
+
+
+
+


-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+


-
-
-
+
+
+
+
+







	margin: .3em 0;
}

.header .menu {
	background: none !important;
	position: relative;
	margin: 0;
	margin-bottom: 3em;
	width: auto;
	width: 100%;
	padding: 0;
	display: block;
}

.header .menu > li {
	margin: .1em 0;
.header .menu *, .header .menu a {
	margin: 0;
}

.header .menu a {
	font-weight: normal;
	padding: 0;
	display: inline;
	padding: .2em;
	color: black;
	border-radius: 0 .5em .5em 0;
}

.header .menu a:hover {
	background: none;
.header .menu > ul {
	background: rgb(var(--gMainColor));
	flex-wrap: nowrap;
	display: flex;
}

.header .menu > li a {
	color: white;
	display: inline-block;
	padding: .2em .5em .2em .2em;

.header .menu > ul > li {
	flex-grow: 1;
	text-align: center;
	width: 30pt;
}

.header .menu > li > a:active {
	color: #000;
.header .menu > ul > li, .header .menu > ul > li > a {
	display: inline-flex;
}

.header .menu a b {
	float: left;
.header .menu > ul > li > a {
	display: block;
	font-size: 1.1em;
	margin: 0 .3em 0 0;
	width: 1.2em;
	text-align: center;
	color: inherit;
}

.header .menu a small {
	float: none;
.header .menu > ul > li > a i {
	display: none;
}

.header .menu li li, .header .menu li ul {
	display: inline;
.header .menu > ul > li > ul {
	display: none;
}

.header .menu li li a {
	padding: .2em;
	font-size: .9em;
.header .menu > ul > li > a b {
	color: #fff;
	width: 20pt;
	height: 18pt;
	padding: 10pt;
	display: block;
	line-height: 20pt;
}

.header .menu > ul > li.current b {
	color: rgb(var(--gMainColor));
}

.header .menu li.current > a {
    background: rgb(217, 134, 40);
    background: rgba(217, 134, 40, 0.5);
    background: rgba(var(--gSecondColor), 0.5);
	color: #000;
.header .menu > ul > li.current > ul {
	display: flex;
	position: absolute;
	top: 30pt;
	left: 0;
	right: 0;
	background: #fff;
}

.header .menu > ul > li.current > ul li {
	flex-grow: 1;
	text-align: center;
	display: block;
}

.header .menu li li.current > a {
	border-radius: .5em;
	padding: .2em .4em;
.header .menu > ul > li.current > ul a {
    color: #9c4f15;
    color: rgb(var(--gMainColor));
    padding: 2pt 3pt;
    text-decoration: underline
}

main {
	margin: 0;
	padding: .1em;
}