User Address Information Cut Off in Popup Screen

  • Posts: 10
  • Thank you received: 1
11 years 2 months ago #122370

I am not sure if this is a Hikashop issue or a Joomla issue. I just upgraded to the Hikashop Business version and the Joomla 3.1.5 version at the same time.

When I am looking at a particular user and I click on the edit icon in the address area, the popup screen that is displayed is cut off. I am unable to scroll all the way down and look at all of the customer information. I have attached a screen shot. I have tested this in Firefox and IE and the same thing happens.

Any suggestions on how to fix this? Thank you!



-- HikaShop version -- :just updated to Business version
-- Joomla version -- : 3.1.5

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
11 years 2 months ago #122401

Hi,

It's both Joomla and HikaShop.

The popup system with firsts version of Joomla 3 had some style errors that we fixed in the HikaShop CSS.
But they finally fixed it and now it generates some troubles with "smaller" screens (below 1280px width).

You can edit the HikaShop backend CSS file and replace

@media only screen and (max-width: 1280px) {
	div.modal.fade.in{
		width: 960px !important;
		margin-left: -480px !important;
		top : 50% !important;
		left: 50% !important;
	}
}
@media only screen and (max-width: 960px) {
	div.modal.fade.in{
		width: 800px !important;
		margin-left: -400px !important;
		top : 50% !important;
		left: 50% !important;
	}
}
@media only screen and (max-width: 800px) {
	div.modal.fade.in{
		width: 640px !important;
		margin-left: -320px !important;
		top : 50% !important;
		left: 50% !important;
	}
}
@media only screen and (max-width: 640px) {
	div.modal.fade.in{
		width: 480px !important;
		margin-left: -240px !important;
		top : 10% !important;
		left: 50% !important;
	}
}
@media only screen and (max-width: 480px) {
	div.modal.fade.in{
		width: 320px !important;
		margin-left: -160px !important;
		top : 10% !important;
		left: 50% !important;
	}
}
By
@media only screen and (max-width: 960px) {
	div.modal.fade.in {
		max-width: 800px !important;
		margin-left: -400px !important;
		left: 50% !important;
	}
}
@media only screen and (max-width: 800px) {
	div.modal.fade.in {
		max-width: 640px !important;
		margin-left: -320px !important;
		left: 50% !important;
	}
}
@media only screen and (max-width: 640px) {
	div.modal.fade.in {
		max-width: 480px !important;
		margin-left: -240px !important;
		top : 5% !important;
		left: 50% !important;
	}
}
@media only screen and (max-width: 480px) {
	div.modal.fade.in {
		max-width: 320px !important;
		margin-left: -160px !important;
		top : 5% !important;
		left: 50% !important;
	}
}
It should improve the popups.

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 10
  • Thank you received: 1
11 years 2 months ago #122437

Thank you for your reply. I am not finding the file that I need to edit. What is the name of the file and is it in Joomla under Hikashop, Display, Views or in the cPanel?

Please Log in or Create an account to join the conversation.

  • Posts: 10
  • Thank you received: 1
11 years 2 months ago #122438

I found the file and your changes work great. For others who might need to make this change, the file is part of the Joomla files under media, com_hikashop, css, backend_default.css.

Thank you!

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
11 years 2 months ago #122441

Hi,

Good to know.
So I will validate it and integrate these modifications in the next HikaShop package.

Thanks for your feedback.

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

Time to create page: 0.069 seconds
Powered by Kunena Forum