History

Don't truncate list items on mobile

Thibaut committed 12 years ago

Commit 33773ca1 parent d1a6d422 files · +22 −8Browse files

Unified · Split

2 files
  1. assets/stylesheets/components/_mobile.scss +15 −1
  2. assets/stylesheets/components/_sidebar.scss +7 −7
assets/stylesheets/components/_mobile.scss+15−1
@@ -72,7 +72,21 @@ · 71 unmodified lines
72 box-shadow: none;72 box-shadow: none;
73 }73 }
74 74
75 ._list-item { border-right-width: 0; }75 ._list-item {
76 white-space: normal;
77 word-wrap: break-word;
78 border-right-width: 0;
79 }
80
81 ._list-result {
82 padding-left: 2.375rem;
83
84 &:before {
85 position: absolute;
86 top: .25rem;
87 left: .75rem;
88 }
89 }
76 90
77 ._list-link { display: none; }91 ._list-link { display: none; }
78 92
assets/stylesheets/components/_sidebar.scss+7−7
@@ -60,8 +60,8 @@ · 59 unmodified lines
60 display: block;60 display: block;
61 position: relative;61 position: relative;
62 overflow: hidden;62 overflow: hidden;
63 padding: 0 .75rem;63 padding: .25rem .75rem;
64 line-height: 1.75rem;64 line-height: 1.25rem;
65 font-size: .875rem;65 font-size: .875rem;
66 white-space: nowrap;66 white-space: nowrap;
67 word-wrap: normal;67 word-wrap: normal;
@@ -99,7 +99,7 @@ · 31 unmodified lines
99 99
100 &:before {100 &:before {
101 float: left;101 float: left;
102 margin: .375rem .625rem 0 0;102 margin: .125rem .625rem 0 0;
103 @extend %icon;103 @extend %icon;
104 }104 }
105}105}
@@ -122,10 +122,10 @@ · 16 unmodified lines
122 122
123._list-dir,123._list-dir,
124%_list-dir {124%_list-dir {
125 line-height: 2rem;125 line-height: 1.5rem;
126 padding-left: 2.25rem;126 padding-left: 2.25rem;
127 127
128 &:before { margin-top: .5rem; }128 &:before { margin-top: .25rem; }
129}129}
130 130
131._list-disabled {131._list-disabled {
@@ -158,7 +158,7 @@ · 26 unmodified lines
158._list-sub {158._list-sub {
159 > ._list-item { padding-left: 2.75rem; }159 > ._list-item { padding-left: 2.75rem; }
160 > ._list-item:before { content: none; }160 > ._list-item:before { content: none; }
161 > ._list-dir { line-height: 1.75rem; }161 > ._list-dir { line-height: 1.25rem; }
162 162
163 ._list-arrow {163 ._list-arrow {
164 left: 1rem;164 left: 1rem;
@@ -224,7 +224,7 @@ · 59 unmodified lines
224 z-index: $hoverZ;224 z-index: $hoverZ;
225 left: 0;225 left: 0;
226 overflow: visible;226 overflow: visible;
227 padding: 0 .75rem;227 padding: .25rem .75rem;
228 background-color: #e5eaf4;228 background-color: #e5eaf4;
229 pointer-events: none;229 pointer-events: none;
230 -webkit-font-smoothing: subpixel-antialiased;230 -webkit-font-smoothing: subpixel-antialiased;