raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-26 20:56:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #7227 from jibees/7215-fix-page-content-up/down-move-when-opening-the-unit-price-tooltip

Browse Source 
Add some CSS specification to avoid page content up/down move
This commit is contained in:
Andy Brett
2021-04-01 07:21:13 -07:00
committed by GitHub
parent 8261a33ae4 2849f18313
commit 4efcd8457c
3 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/shared/question-mark-icon.scss
View File

@@ -36,6 +36,9 @@
@include icon-font;
content: "";
color: $white;
vertical-align: super;
position: relative;
top: 2px;
}
}
}
@@ -45,6 +48,7 @@
width: 15px;
min-width: 15px;
height: 15px;
margin-left: 2px;
}
.joyride-tip-guide.question-mark-tooltip {

6
app/views/spree/admin/products/new.html.haml
View File

@@ -55,13 +55,13 @@
- if feature? :unit_price, spree_current_user
.four.columns{ ng: { app: 'ofn.admin'}}
= f.field_container :unit_price do
= f.label :unit_price, t(".unit_price")
%question-mark-with-tooltip{"question-mark-with-tooltip" => "_",
%div{style: "display: flex"}
= f.label :unit_price, t(".unit_price")
%question-mark-with-tooltip{"question-mark-with-tooltip" => "_",
"question-mark-with-tooltip-append-to-body" => "true",
"question-mark-with-tooltip-placement" => "top",
"question-mark-with-tooltip-animation" => true,
key: "'js.admin.unit_price_tooltip'"}
%br/
= f.text_field :price, {"class" => 'fullwidth', "disabled" => true, "ng-model" => "unit_price"}
%div{style: "color: black"}
= t(".unit_price_legend")

14
app/views/spree/admin/variants/_form.html.haml
View File

@@ -39,13 +39,13 @@
= hidden_field_tag 'product_variant_unit', @product.variant_unit
= hidden_field_tag 'product_variant_unit_name', @product.variant_unit_name
= f.field_container :unit_price do
= f.label :unit_price, t(".unit_price"), {style: "display: inline-block"}
%question-mark-with-tooltip{"question-mark-with-tooltip" => "_",
"question-mark-with-tooltip-append-to-body" => "true",
"question-mark-with-tooltip-placement" => "top",
"question-mark-with-tooltip-animation" => true,
key: "'js.admin.unit_price_tooltip'"}
%br/
%div{style: "display: flex"}
= f.label :unit_price, t(".unit_price"), {style: "display: inline-block"}
%question-mark-with-tooltip{"question-mark-with-tooltip" => "_",
"question-mark-with-tooltip-append-to-body" => "true",
"question-mark-with-tooltip-placement" => "top",
"question-mark-with-tooltip-animation" => true,
key: "'js.admin.unit_price_tooltip'"}
= f.text_field :price, {"class" => 'fullwidth', "disabled" => true, "ng-model" => "unit_price"}
%div{style: "color: black"}
= t("spree.admin.products.new.unit_price_legend")