Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-11271

Use round borders on the user profile sections to be consistent with the user profile menu

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Unresolved
    • Minor
    • None
    • 6.3-milestone-1
    • User - User Profile
    • Trivial
    • Awaiting Committer feedback
    • Code, User Interface

    Description

      Steps to reproduce:

      1. Click on your user profile
      2. For example, go to "Preferences"
      3. You see the "Preferences" in a box with background. That box needs a border-radius, because right now has regualr margins. For example, for "Settings" you can see that the margins are pretty stylized.

      Prerequisites

      Before starting your task familiarize yourself a bit with XWiki. You can see it in action in the Playground, so you should create an account there and test it a bit.
      Your task might involve actions or applications that are not available on the Playground, so make sure you download and install the latest version of XWiki.

      For questions you can always use the Forum or the IRC channel, see http://dev.xwiki.org/xwiki/bin/view/Community/Discuss

      Try to reproduce the issue described by the task. You should use your browser's Developer Tools to identify and test your solution.

      Once you have reproduced the issue presented in the task, it's the time to identify the location where it needs to be fixed in the code.
      The sources are available at https://github.com/xwiki/xwiki-platform . You should be familiar with using Git locally or you might be able to commit your changes from the GitHub interface.

      The task will give you hints about the component where the code with the problem is located. Identify the file, make the changes and submit a Pull Request for mentors to approve and close the task. Don't forget to add screenshots with before and after your changes.

      Objective

      Add a CSS rule for all the Profile sections to have round borders. Test your changes on multiple browsers.

      Requirements

      • Knowledge of CSS
      • Knowledge of HTML
      • Knowledge of XML
      • Knowledge of Git
      • You will encounter concepts like Data Model, Skins Extensions etc. but you don't need to be familiar with them in advance

      Expected Outcome

      Attachments

        Activity

          People

            rkalisvaart Raoul Kalisvaart
            apopescu Andreea Popescu
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

            Dates

              Created:
              Updated: