Skip to content

Commit dbea209

Browse files
committed
fixed ipad pro styling
1 parent ecd40be commit dbea209

1 file changed

Lines changed: 9 additions & 71 deletions

File tree

src/components/timeline/timeline.scss

Lines changed: 9 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,14 @@ timeline {
114114
}
115115
}
116116

117+
@media screen and (min-width:1024px){
118+
background-position: 5.89% top;
119+
}
120+
121+
@media screen and (min-width:1360px){
122+
background-position: 5.7% top;
123+
}
124+
117125
.list-ios, .item-block, .item-inner {
118126
border-bottom: none !important;
119127
border-top: none !important;
@@ -141,76 +149,6 @@ timeline {
141149
}
142150

143151

144-
@media screen and (max-width: map-get($grid-breakpoints,'lg')){
145-
.list-ios{
146-
margin-top: -1px;
147-
margin-right: 25px;
148-
margin-bottom: 32px;
149-
margin-left: 25px;
150-
}
151-
timeline-item{
152-
timeline-time{
153-
font-size: 0.7em;
154-
}
155-
}
156-
}
157-
@media screen and (max-width: map-get($grid-breakpoints,'md')){
158-
&:before{
159-
left: 30px;
160-
}
161-
timeline-item{
162-
ion-card{
163-
margin-left: 80px !important;
164-
}
165-
ion-icon{
166-
left: 30px;
167-
}
168-
timeline-time{
169-
font-size: 0.8em;
170-
width: 100%;
171-
left: 80px;
172-
position: relative;
173-
span{
174-
text-align: left;
175-
}
176-
177-
}
178-
}
179-
}
180-
@media screen and (max-width: map-get($grid-breakpoints, 'sm' )){
181-
&:before{
182-
display: none;
183-
}
184-
timeline-item{
185-
&:last-child{
186-
visibility: hidden;
187-
}
188-
ion-icon{
189-
position: relative;
190-
float: right;
191-
left: auto;
192-
margin: -55px 5px 0 0;
193-
&:after{
194-
border-left-color: transparent;
195-
border-top-color: #afdcf8;
196-
top: 46px;
197-
left: 10px;
198-
}
199-
}
200-
timeline-time{
201-
width: 100%;
202-
position: relative;
203-
padding: 0 0 20px 0;
204-
left: 20px;
205-
span{
206-
text-align: left;
207-
}
208-
}
209152

210-
ion-card{
211-
width: calc(100% - 20px) !important;
212-
margin-left: 10px !important;
213-
}
214-
}
215-
}
153+
216154
}

0 commit comments

Comments
 (0)