Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 21:24:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3429 from matrix-org/bwindels/breadcrumbs-empty

Browse Source 
Breadcrumbs: show placeholder for empty slot
This commit is contained in:
Bruno Windels 2019-09-12 12:56:58 +00:00 committed by GitHub
commit e6554bdaad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
res/css/views/rooms/_RoomBreadcrumbs.scss
View File

@ -22,6 +22,19 @@ limitations under the License.
display: flex;
flex-direction: row;
// repeating circles as empty placeholders
background:
radial-gradient(
circle at center,
$breadcrumb-placeholder-bg-color,
$breadcrumb-placeholder-bg-color 15px,
transparent 16px
);
background-size: 36px;
background-position: 6px -1px;
background-repeat: repeat-x;
// Autohide the scrollbar
overflow-x: hidden;
&:hover {

2
res/themes/dark/css/_dark.scss
View File

@ -170,6 +170,8 @@ $tooltip-timeline-fg-color: #ffffff;
$interactive-tooltip-bg-color: $base-color;
$interactive-tooltip-fg-color: #ffffff;
$breadcrumb-placeholder-bg-color: #272c35;
// ***** Mixins! *****
@define-mixin mx_DialogButton {

2
res/themes/light/css/_light.scss
View File

@ -288,6 +288,8 @@ $tooltip-timeline-fg-color: #ffffff;
$interactive-tooltip-bg-color: #27303a;
$interactive-tooltip-fg-color: #ffffff;
$breadcrumb-placeholder-bg-color: #e8eef5;
// ***** Mixins! *****
@define-mixin mx_DialogButton {