Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-73787

Unread notifications left border corners are not straight

    Details

      Description

      *Expected: *

      *Actual: *

      The problem is that border-top is already set for the element and setting border-left causes the corners to be shared between both borders. A way of fixing this would be to use a pseudoelement instead of a border like this:

      .unread {
      		.list-group-item-field:first-child {
      			&:before {
      				border-left: 6px solid #65B3F0;
      				bottom: 0;
      				content: "";
      				display: block;
      				left: 0;
      				position: absolute;
      				top: 0;
      			}
      		}
      	}
      

        Attachments

        1. fixed.png
          25 kB
          Hong Zhao
        2. Screen Shot 2017-07-24 at 17.18.34.png
          21 kB
          Alejandro Tardín
        3. Screen Shot 2017-07-24 at 17.29.29.png
          182 kB
          Alejandro Tardín

          Issue Links

            Activity

              People

              Assignee:
              hong.zhao Hong Zhao
              Reporter:
              alejandro.tardin Alejandro Tardín
              Participants of an Issue:
              Recent user:
              Csaba Turcsan
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Days since last comment:
                3 years, 10 weeks, 1 day ago

                  Packages

                  Version Package
                  7.0.0 DXP FP30
                  7.0.X EE
                  7.0.4 CE GA5
                  7.1.X
                  Master