Skip to content

Commit 8d2b96b

Browse files
committed
demo(app): fixed broken layout on small screens
1 parent 2ca92d2 commit 8d2b96b

File tree

2 files changed

+20
-6
lines changed

2 files changed

+20
-6
lines changed

demo/src/app/home/home.component.scss

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,17 @@
11
.logo {
2-
width: 256px;
3-
height: 256px;
4-
margin-top: 1.4rem;
2+
width: 256px;
3+
height: 256px;
4+
margin-top: 1.4rem;
55
}
66

7-
.home {
8-
margin-top: 1.0rem;
7+
.jumbotron {
8+
margin-top: 1.0rem;
9+
10+
h1 {
11+
text-overflow: ellipsis;
12+
overflow: hidden;
13+
white-space: nowrap;
14+
}
915
}
1016

1117
button:focus {
Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
11
.navbar {
2-
background: hsla(0,0%,100%,.95)
2+
background: hsla(0, 0%, 100%, .95)
3+
}
4+
5+
header {
6+
a {
7+
text-overflow: ellipsis;
8+
overflow: hidden;
9+
white-space: nowrap;
10+
}
311
}

0 commit comments

Comments
 (0)