Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove "display:block" to make button text display when using the Tou… #16

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

steinarb
Copy link

…chKit widgetset with the "valo" theme. Fixes #15.

Not sure if this is the right fix (I don't know CSS well enough), but it makes button texts show up when using the TouchKit widgetset with the valo theme.

@mstahv
Copy link

mstahv commented Jun 7, 2018

Not 100% sure, but it might break the "touchkit" theme, bundled in to TouchKit. Maybe that could be added with .valothemeui selector so it wouldn't break those apps not using Valo (majority of TouchKit apps)?

@steinarb
Copy link
Author

steinarb commented Jun 8, 2018

I've tried adding the .valothemui selector, not sure I did it the right way, but it did compile with the gwt compiler and does seem to have the correct behaviour (it brought text back into valo buttons and didn't visibly break anything when using the touchkit theme).

@mstahv
Copy link

mstahv commented Jun 21, 2018

I havefn't tried at all, but I'd guess the selectors don't activate at all now. It'd now need to have valothemeui and v-button-wrap on the same element, so there should probably be a space between to work. Do you have an example project to share where you have this setup?

@steinarb
Copy link
Author

Here it is: https://github.com/steinarb/ukelonn

I'm not sure of the exact state of the HEAD of the branch, but the work/using-vaadin-with-vaadin8 branch of this repo (for instance it looks like it is pushed with theme "valo" instead of theme "touchkit", I've been going back and forth and experimenting a lot).

To try it out:

  1. Clone the repo and build the correct branch:
git clone https://github.com/steinarb/ukelonn.git
cd ukelonn
git checkout work/using-vaadin-with-vaadin8
mvn clean install
  1. Install apache karaf and start it (note: The download link doesn't work. Get karaf 4.1.5 from here instead: http://karaf.apache.org/download.html ). Start karaf with "bin/karaf debug" to get a karaf listening for remote debug connections
  2. From the karaf console, do the following commands
feature:repo-add mvn:no.priv.bang.ukelonn/ukelonn.karaf/LATEST/xml/features
feature:install ukelonn-db-derby-test
feature:install ukelonn
bundle watch *
  1. Visit the http://localhost:8181/ukelonn URL, use admin/admin as the username/password combination to get the admin UI (use jad/1ad to get a client UI). The buttons should be empty in either unless built against TouchKit 5.0.1-SNAPSHOT with this (or another fix). I have TouchKit with the fix so I can't test right now

Below the actual interface there is a link "Nettleserversion" that can be clicked on to get to a pure Valo version (click on "Mobilversjon" to get back to the TouchKit version).

To see the tables talked about: In the admin UI, select "Jane Doe" from the dropdown in "Velg hvem det skal betales til". The tables are in "Siste jobber for bruker" and "Siste utbetalinger til bruker".

The "bundle:watch *" command means that karaf will pick up new snapshot builds installed in the local maven repo with "mvn install". If started with the debug argument, karaf is listening for remote debug connections on port 5005

@steinarb
Copy link
Author

Note: The master branch of the project shows this issue for Vaadin 7/TouchKit 4

Click on "Nettleserversjon" at the bottom of the page to get the Valo themed version.

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.

Buttons lack text when using the "valo" theme with the TouchKit widgetset
2 participants