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

          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:
                  2 years, 5 weeks, 5 days ago

                  Packages

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