Réorganiser "Action" dans la sidebar

anonyme, mercredi 30 janvier 2019 à 16h33
Modifié

Bonjour,

Je propose une évolution de la catégorie "action" dans la sidebar de rédaction. En réorganisant les boutons, en renommer quelques un et ajouter des titres selon la catégorie d’action (comme sur le screen ci-dessous).

Avant

Après :

Le bouton "Importer une nouvelle version" se verrait affecter à la catégorie "action" au lieu d’être au dessus.
Le bouton Éditer le tutoriel permettant de modifier la licence serait ajouter à action. Lorsqu’on se situe dans une partie ou d’un chapitre on pourra ainsi accéder directement au bouton.

Dernier rendu :

On préféra utiliser "Gérer la …" plutôt que la formulation "Gestion de la …"

Vous connaissez le principe :

+1 : Oui
-1 : Non

Bon vol,

A.

30/01/19 à 16h33
Modifié

+7 -0

FougereBle, mercredi 30 janvier 2019 à 16h35

C’est une bonne idée, mais peut être revoir l’affichage des "titres" de section. Là comme ça, ils ne sont pas très visible.

30/01/19 à 16h35

Auteur du célèbre site BolTouilleur - Ma dernière création lors du Ludum Dare 46 -> The Last Flame

+0 -0

ache, mercredi 30 janvier 2019 à 16h36
Modifié

Salut \o

J’aime bien mais je trouve que ça fais fouillis. J’ai conscience que on a rarement toutes les actions mais quand même.

Est-ce que rajouter un blanc devant les titres des groupes d’actions ne permettrait pas de casser un peu l’alignement et de rentre moins fouillis ?

Merci en tout cas.

Edit: Grilled

30/01/19 à 16h36
Modifié

ache.one 🦹 👾 🦊

+1 -0

anonyme, mercredi 30 janvier 2019 à 16h54
Modifié

Code HTML/CSS

li.title {
    font-size: 16px;
    color: #084561;
    padding-left: 30px !important;
    margin-top: 10px;
}
.mobile-menu-bloc.mobile-all-links.mobile-show-ico li {
    padding-left: 50px;
}

html :

<div class="mobile-menu-bloc mobile-all-links mobile-show-ico" data-title="Actions">
                <h3>Actions</h3>
                
<ul>
    <li class="title">Gestion de la version en rédaction :</li>
<li><a href="/contenus/editer/7/tuto/" class="ico-after edit blue">
                Éditer le tutoriel
  </a></li>
<li><a href="/contenus/importer/7/tuto/" class="ico-after import blue">
                Importer une nouvelle version
            </a></li>
<li>
                        <a href="#ask-validation" class="open-modal ico-after tick green">
                            Demander la validation
                        </a>
                    </li>
<li>
            <a href="/galerie/14/tuto/" class="ico-after offline blue">
                Aller à la galerie liée
            </a>
        </li>

                    <li class="title">Gestion des auteurs :</li>
<li>
                <a href="#add-author" class="open-modal ico-after more blue">
                    Ajouter un auteur
                </a>
                
            </li>
            <li>
                <a href="#manage-authors" class="open-modal ico-after gear blue">
                    Retirer un auteur
                </a>
                
            </li>
        
        

        
        
            
                
                    <li class="title">Gestion de la bêta :</li>
<li>
                        <a href="/contenus/beta/7/tuto/" class="ico-after view blue">
                            
                                Voir <span class="wide">la version</span> en bêta
                            
                        </a>
                    </li>
                    <li>
                        <a href="#update-beta" class="open-modal ico-after beta blue">
                            Mettre à jour la bêta avec cette version
                        </a>
                        
                    </li>
                
                <li>
                    <a href="#desactiv-beta" class="open-modal ico-after cross blue">
                        Désactiver la bêta
                    </a>
                    
                </li>
            
            
                <li>
                    <a href="/forums/sujet/6/tuto/" class="ico-after online blue">
                        Voir le sujet de bêta
                    </a>
                </li>
            
        
        

        
        
            <li class="title">Gestion de la version en ligne :</li>
<li>
                <a href="/tutoriels/7/tuto/" class="ico-after online blue">
                    Voir la version en ligne
                </a>
            </li>
            <li>
                <a href="/contenus/stats/7/tuto/" class="ico-after stats blue">
                    Voir les statistiques
                </a>
            </li>
        
        

        
            <li class="title">Historique des versions :</li>


        

        
            
        

        

        
        <li>
            <a href="/contenus/historique/7/tuto/" class="ico-after history blue">
                Voir l'historique des versions
            </a>
        </li><li>
                <a href="/contenus/comparaison/7/tuto/?from=e33741bc7491d79811d649b52097a2e90560f59e&amp;to=fc2360aa1dec8680c0d44e8e2fa14c89cd5f9c06" class="ico-after history blue">
                    Comparer avec la version en ligne
                </a>
            </li>
<li>
                <a href="/contenus/comparaison/7/tuto/?from=e33741bc7491d79811d649b52097a2e90560f59e&amp;to=fc2360aa1dec8680c0d44e8e2fa14c89cd5f9c06" class="ico-after history blue">
                    Comparer avec la bêta
                </a>
            </li>
        

        
        
            
            
                
                    
                
                
            



        
        

    

    
    
        
                </ul>
            </div>

Image

30/01/19 à 16h54
Modifié

+1 -0

ache, mercredi 30 janvier 2019 à 16h57

Je valide carrément ! Merci !

30/01/19 à 16h57

ache.one 🦹 👾 🦊

+0 -0

anonyme, mercredi 30 janvier 2019 à 17h01
Modifié

Ou cette solution et on uniformise le reste du site :

CSS

li.title {
    font-size: 16px;
    color: #084561;
    padding-left: 10px !important;
    margin: 10px 20px 5px 20px;
    border-bottom: 1px solid lightgrey;
    margin-left: 20px;
    margin-right: 20px;
}
.mobile-menu-bloc.mobile-all-links.mobile-show-ico li {
    padding-left: 40px;
}

Image

30/01/19 à 17h01
Modifié

+3 -0

ache, mercredi 30 janvier 2019 à 17h09

C’est pas mal non plus.

30/01/19 à 17h09

ache.one 🦹 👾 🦊

+0 -0

anonyme, mercredi 30 janvier 2019 à 17h36
Modifié

Je viens de découvrir le CSS du sommaire mieux vaut tard que jamais. Je ne savais pas qu’il était aussi propre.

Pour rester uniforme on part sur ce rendu :

Dernier rendu

Avec ou sans effet accordéon selon vos goûts.

30/01/19 à 17h36
Modifié

+5 -0

Ymox, mercredi 30 janvier 2019 à 18h02
Modifié

Je ne sais pas trop comment on va s’y retrouver une fois qu’il y aura eu une dizaine de versions/améliorations proposées… On part du principe que les votes sur le premier message sont pour l’idée uniquement ? Auquel cas il faudrait mettre des liens vers les évolutions, que les votes soient vraiment pour les propositions.

30/01/19 à 18h02
Modifié

Evitez qu’on vous dise de les lire : FAQ PHP et Symfony • Tutoriel WAMP • Cliquez 👍 pour dire merci • Marquez vos sujets résolus

+0 -0

FougereBle, mercredi 30 janvier 2019 à 18h18

Moi je vote pour la dernière version (ici).

30/01/19 à 18h18

Auteur du célèbre site BolTouilleur - Ma dernière création lors du Ludum Dare 46 -> The Last Flame

+0 -0

anonyme, mercredi 30 janvier 2019 à 18h24

Je ne sais pas trop comment on va s’y retrouver une fois qu’il y aura eu une dizaine de versions/améliorations proposées… On part du principe que les votes sur le premier message sont pour l’idée uniquement ? Auquel cas il faudrait mettre des liens vers les évolutions, que les votes soient vraiment pour les propositions.

Ymox

J’ai mal formulé ma dernière réponse. Actuellement on part sur le dernier rendu proposé car uniforme au CSS du site (mais peut légèrement changer lors de l’intégration du site).

Si vous n’aimez pas le rendu vous le dites ou vous mettez un -1 (mais c’est mieux si vous expliquez pourquoi ).

Les votes du premier sujet c’est pour l’idée, ensuite les messages ici le "blabla" c’est pour finaliser l’idée et que je vois ce que vous aimez pour finaliser l’idée.

30/01/19 à 18h24

+0 -0

ache, mercredi 30 janvier 2019 à 18h32

Du coup, quand on a pas accès à la gestion de la béta par exemple. On a quand même le titre « Gérer la béta » ?

Est-ce pertinent ? Ou alors j’ai mal compris ?

30/01/19 à 18h32

ache.one 🦹 👾 🦊

+0 -0

anonyme, mercredi 30 janvier 2019 à 19h00

Du coup, quand on a pas accès à la gestion de la béta par exemple. On a quand même le titre « Gérer la béta » ?

Est-ce pertinent ? Ou alors j’ai mal compris ?

ache

Le screen est un menu accordéon comme le sommaire d’un big tuto : https://zestedesavoir.com/tutoriels/2789/les-reseaux-de-zero/