diff --git a/UI/Templates/ContactsUI/UIxContactFoldersView.wox b/UI/Templates/ContactsUI/UIxContactFoldersView.wox index 1030442d6..d2755ecbe 100644 --- a/UI/Templates/ContactsUI/UIxContactFoldersView.wox +++ b/UI/Templates/ContactsUI/UIxContactFoldersView.wox @@ -407,6 +407,7 @@
{{currentCard.$preferredEmail(addressbook.selectedFolder.constructor.$query)}}
+
diff --git a/UI/WebServerResources/scss/components/list/list.scss b/UI/WebServerResources/scss/components/list/list.scss index ae8103e6f..3347191c4 100644 --- a/UI/WebServerResources/scss/components/list/list.scss +++ b/UI/WebServerResources/scss/components/list/list.scss @@ -17,8 +17,17 @@ $sg-avatar-width: 40px; // Circle diamter of color chips $sg-color-chip-width: 16px; -// List item label md-list-item { + &.md-with-secondary { + &.md-accent.md-bg { + .md-button { + // List items with a secondary button must have a transparent background when highlighted + // in order to honor the contrast color + background-color: transparent; + } + } + } + .md-list-item-inner { flex-grow: 1; // use all column space overflow: hidden; @@ -114,10 +123,12 @@ div.md-tile-left { .sg-section-list { md-list-item { - .md-list-item-inner { - .md-secondary { - // Expect the container to include a sg-tile-icons - right: 0px; + &.md-button-wrap { + > .md-button:first-child { + .md-list-item-inner { + // Expect the container to include a sg-tile-icons + padding-right: 0px; + } } } } @@ -137,6 +148,7 @@ div.md-tile-left { &-tile-content { flex: 1; overflow: hidden; // required in Firefox + margin-left: $list-item-primary-avatar-width + (2 * $baseline-grid); // Leave space for an avatar .sg-tile-date { font-size: sg-size(body); font-weight: $sg-font-light; @@ -169,7 +181,7 @@ div.md-tile-left { align-items: center; justify-content: start; width: (2 * $mg); - height:(2 + $sg-font-size-1) * 4; // (vertical padding + icon size) * max number of icons + height: (2 + $sg-font-size-1) * 4; // (vertical padding + icon size) * max number of icons } &-counter-badge {