Réorganiser "Action" dans la sidebar

Optique : Faciliter la rédaction

a marqué ce sujet comme résolu.
Auteur du sujet

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
État actuel
État actuel

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 :

Dernier rendu
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.

Édité par anonyme

+7 -0

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

Édité par ache

ache.one                 🦹         👾                                🦊

+1 -0
Auteur du sujet
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
Maquette avec version moins brouillon
Maquette avec version moins brouillon

Édité par anonyme

+1 -0
Auteur du sujet

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
Autre rendu
Autre rendu

Édité par anonyme

+3 -0
Auteur du sujet

Cette réponse a aidé l’auteur du sujet

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

Pour rester uniforme on part sur ce rendu :

Dernier rendu

Dernier rendu
Dernier rendu

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

Édité par anonyme

+5 -0

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.

Édité par Ymox

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

+0 -0
Auteur du sujet

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. ;)

+0 -0

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.one                 🦹         👾                                🦊

+0 -0
Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte