Skip to content

Messages modal converted to Bootstrap#4563

Closed
dgrammatiko wants to merge 1 commit intojoomla:stagingfrom
dgrammatiko:modal_msg
Closed

Messages modal converted to Bootstrap#4563
dgrammatiko wants to merge 1 commit intojoomla:stagingfrom
dgrammatiko:modal_msg

Conversation

@dgrammatiko
Copy link
Copy Markdown
Contributor

Move modals from mootools to Bootstrap

this now serves only the styling and the image required in Hathor.

To test this you should go to: https://github.com/joomla-extensions/messages/pull/7

Create an installable package and then apply also this PR!

@infograf768
Copy link
Copy Markdown
Member

This PR contains unrelated stuff concerning banners

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

@infograf768 That was a mistake, now PR should be safe

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please avoid inline styles. Use CSS classes inside template.less.

@phproberto
Copy link
Copy Markdown
Contributor

It seems that you added the CSS to the template.css files directly. You should work on the template.less files and then generate the css files.

You can do it from the build folder running:

cd build
php generatecss.php

And same for RTL changes

@infograf768
Copy link
Copy Markdown
Member

@phproberto
As far as I could see, the PR used generatecss.
The changes in the css files comes from the changes in the
/media/jui/less/modals.joomla.less
and
media/jui/less/modals.less

@suredweb
Copy link
Copy Markdown

@test now It's been modal bootstrap but I got width of modal too large
joomla3-modal-bootstrap

@tairedweb
Copy link
Copy Markdown

@suscess


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4563.

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

@suredweb The width has been setup globally for all modals. We could override the width for this modal. But the question is: does it worth it?

@peterlose
Copy link
Copy Markdown
Contributor

All good. Are we able to place the buttons in the bottom like Bootstrap prescribe?

skaermbillede 2014-10-20 kl 00 21 20

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

@losedk Nice idea, I also try to do that as it only requires to put this part that renders the buttons https://github.com/joomla/joomla-cms/pull/4563/files#diff-1caf6f6c420934f653cb344972c49abbR29 in the footer. The only problem is that in the current short-code for bootstrap modals in the toolbar this is not yet implemented: in current implementation the footer part doesn’t exist https://github.com/joomla/joomla-cms/blob/staging/libraries/cms/toolbar/button/popup.php#L46. I’ll make a PR for that, if it get’s accepted we can move them easily in the footer area! Thanks for bringing this up, I totally forgot it 😉

@peterlose
Copy link
Copy Markdown
Contributor

@DGT41 Great. Just ping me, when you have something! :)

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

Hathor view:
screen shot 2014-11-06 at 10 22 27

@brianteeman
Copy link
Copy Markdown
Contributor

Is this PR outdated - its hard to tell

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

Can this considered RTC? @roland-d ?

@n9iels
Copy link
Copy Markdown
Contributor

n9iels commented Mar 16, 2015

@test works fine, but can you change the buttons like @losedk suggested a few messages above?

@peterlose
Copy link
Copy Markdown
Contributor

@DGT41 Sure. Give me a minute

@peterlose
Copy link
Copy Markdown
Contributor

@DGT41 Issues:

Responsive:

skaermbillede 2015-05-30 kl 15 31 43

Hidden tooltip on the first label (possibly not the only place then):

skaermbillede 2015-05-30 kl 15 32 47

Large button:

skaermbillede 2015-05-30 kl 15 33 10

The success button is inheriting the large width from the toolbar. Perhaps we should change this globally so the button isn't so big in the modals?

Hathor:

Missing an icon
skaermbillede 2015-05-30 kl 15 34 55

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

@losedk Thanks, I just fixed the mobile weird behavior. About Hathor there is <span class="icon-32-cog"></span> which should load the icon but obviously the icon doesn’t exist and I am not the best bet to design an icon

@peterlose
Copy link
Copy Markdown
Contributor

@DGT41 What about?

skaermbillede 2015-05-30 kl 18 10 18

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

@losedk where can i find that button (i mean which view)?

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

@losedk I manage to do it! please retest?

@peterlose
Copy link
Copy Markdown
Contributor

Could you add it to the stylesheet instead?

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

Done!

@peterlose
Copy link
Copy Markdown
Contributor

@DGT41 All good now!

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

Moved here

@dgrammatiko dgrammatiko closed this Jun 2, 2015
@zero-24
Copy link
Copy Markdown
Contributor

zero-24 commented Jun 2, 2015

@DGT41 we need the CSS / hathor stuff still in the core 😄

@zero-24 zero-24 reopened this Jun 2, 2015
@zero-24
Copy link
Copy Markdown
Contributor

zero-24 commented Jun 2, 2015

Can you just remove the messages part and let the css / hathor stuff there?

@dgrammatiko
Copy link
Copy Markdown
Contributor Author

@zero-24 ok

@zero-24
Copy link
Copy Markdown
Contributor

zero-24 commented Jun 2, 2015

Thanks @DGT41 I'm going to move this now to RTC 👍

@zero-24 zero-24 added the RTC This Pull Request is Ready To Commit label Jun 2, 2015
@roland-d roland-d changed the title Messages modal cornverted to Bootstrap Messages modal converted to Bootstrap Jun 9, 2015
@zero-24 zero-24 added this to the Joomla! 3.5.0 milestone Jun 30, 2015
@zero-24
Copy link
Copy Markdown
Contributor

zero-24 commented Jun 30, 2015

As it is planned to remove messages with 3.5 (http://developer.joomla.org/news/616-meeting-notes-from-jab-plt-summit-2015.html) We need this here and also https://github.com/joomla-extensions/messages/issues/7 to fix the issue 😄

@Kubik-Rubik
Copy link
Copy Markdown
Member

Thank you @DGT41! Merged in the 3.5-dev branch (fa39ddc).

roland-d pushed a commit that referenced this pull request Aug 6, 2015
@dgrammatiko dgrammatiko deleted the modal_msg branch August 14, 2015 16:26
@zero-24 zero-24 removed the RTC This Pull Request is Ready To Commit label Oct 14, 2015
@dgrammatiko dgrammatiko mentioned this pull request Oct 26, 2015
rdeutz added a commit that referenced this pull request Oct 27, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.