Skip to content

Commit 547b80b

Browse files
tooltip-dropdown-pointer :: Tooltip dropdown pointer not proper on tablet
1 parent 2f30dde commit 547b80b

File tree

1 file changed

+27
-0
lines changed
  • app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout

1 file changed

+27
-0
lines changed

app/design/frontend/Magento/blank/Magento_Checkout/web/css/source/module/checkout/_tooltip.less

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -147,3 +147,30 @@
147147
}
148148
}
149149
}
150+
151+
//
152+
// Tablet
153+
// _____________________________________________
154+
@media only screen and (max-width: @screen__m) {
155+
.field-tooltip .field-tooltip-content {
156+
right: -10px;
157+
top: 40px;
158+
left: auto;
159+
}
160+
.field-tooltip .field-tooltip-content::before, .field-tooltip .field-tooltip-content::after {
161+
border: 10px solid transparent;
162+
height: 0;
163+
width: 0;
164+
margin-top: -21px;
165+
right: 10px;
166+
left: auto;
167+
top: 0;
168+
}
169+
.field-tooltip .field-tooltip-content::before {
170+
border-bottom-color: #666;
171+
}
172+
.field-tooltip .field-tooltip-content::after {
173+
border-bottom-color: #f4f4f4;
174+
top: 1px;
175+
}
176+
}

0 commit comments

Comments
 (0)