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
7272 box-shadow: none;
7373 }
7474
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+ }
7690
7791 ._list-link { display: none; }
7892
assets/stylesheets/components/_sidebar.scss+7−7
@@ -60,8 +60,8 @@ · 59 unmodified lines
6060 display: block;
6161 position: relative;
6262 overflow: hidden;
63− padding: 0 .75rem;
64− line-height: 1.75rem;
63+ padding: .25rem .75rem;
64+ line-height: 1.25rem;
6565 font-size: .875rem;
6666 white-space: nowrap;
6767 word-wrap: normal;
@@ -99,7 +99,7 @@ · 31 unmodified lines
9999
100100 &:before {
101101 float: left;
102− margin: .375rem .625rem 0 0;
102+ margin: .125rem .625rem 0 0;
103103 @extend %icon;
104104 }
105105 }
@@ -122,10 +122,10 @@ · 16 unmodified lines
122122
123123 ._list-dir,
124124 %_list-dir {
125− line-height: 2rem;
125+ line-height: 1.5rem;
126126 padding-left: 2.25rem;
127127
128− &:before { margin-top: .5rem; }
128+ &:before { margin-top: .25rem; }
129129 }
130130
131131 ._list-disabled {
@@ -158,7 +158,7 @@ · 26 unmodified lines
158158 ._list-sub {
159159 > ._list-item { padding-left: 2.75rem; }
160160 > ._list-item:before { content: none; }
161− > ._list-dir { line-height: 1.75rem; }
161+ > ._list-dir { line-height: 1.25rem; }
162162
163163 ._list-arrow {
164164 left: 1rem;
@@ -224,7 +224,7 @@ · 59 unmodified lines
224224 z-index: $hoverZ;
225225 left: 0;
226226 overflow: visible;
227− padding: 0 .75rem;
227+ padding: .25rem .75rem;
228228 background-color: #e5eaf4;
229229 pointer-events: none;
230230 -webkit-font-smoothing: subpixel-antialiased;