Semantic-ui: [Dropdown] Add `.inverted` variation

[raptoria]

no dark style exists for vanilla dropdown.

[awgv]

I spent this past week trying to figure it out, and tried various aesthetic combinations, ending up with this. I’ll use the overrides below to propose a proper PR as soon as I can, so if you’re not happy with how it turned out, now is a good time to talk about it.

@MathWhiz Thanks for patience, copy the following and rebuild the framework:

• installation_folder/src/site/modules/dropdown.overrides

• installation_folder/src/site/modules/dropdown.variables

• installation_folder/src/site/collections/menu.overrides

• installation_folder/src/site/collections/menu.variables

[librarianmage]

Awesome, thanks!
On Tue, Aug 8, 2017 at 8:53 PM Andrew Golubev [e-mail]
wrote:

I spent this past week trying to figure it out, and tried various
aesthetic combinations, ending up with this
https://jsfiddle.net/1ckq2n4b/embedded/result/. I’ll use the overrides
below to propose a proper PR as soon as I can, so if you’re not happy with
how it turned out, now is a good time to talk about it.

@MathWhiz https://github.com/mathwhiz Thanks for patience, copy the
following and rebuild the framework:

-

installation_folder/src/site/modules/dropdown.overrides
https://drive.google.com/file/d/0B4i4WJu2r-_MQThOM0pad1dpNzQ/view?usp=sharing
-

installation_folder/src/site/modules/dropdown.variables
https://drive.google.com/file/d/0B4i4WJu2r-_MM29jdC1KYzJKbE0/view?usp=sharing
-

installation_folder/src/site/collections/menu.overrides
https://drive.google.com/file/d/0B4i4WJu2r-_MeDY3eUdHS1F4Nms/view?usp=sharing
-

installation_folder/src/site/collections/menu.variables
https://drive.google.com/file/d/0B4i4WJu2r-_McE1pN3ZhNjBNczA/view?usp=sharing

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/Semantic-Org/Semantic-UI/issues/5276#issuecomment-321129925,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ALz_82CFEUkx9v1XBtDjpUjTZLt84a_Vks5sWREEgaJpZM4M9YtQ
.

[TheRealJimShady]

@Banandrew, Looks fantastic :) - I'm getting a problem - variable @trackInvertedBackground is undefined, I've checked and dropdown and menu are both set to default.

[awgv]

Hi @JSmith2412, could you please post a screenshot of the terminal output that you’re getting during the building process? The variable is global and should be available if you include the site component in the building process.

[TheRealJimShady]

Hi there - think I know why it's not working... I'm using the Meteor.JS package for Semantic UI, which hasn't been updated in some time... Some of the variables you've used don't appear in the plugin because they were only added in standard Semantic UI quite recently... I looked them up and added them but still no joy. I'm not getting any errors, the dropdown just isn't dropping down on click... I've left the files exactly as you had them, but added the following to site/globals/site.variables

/* PASTED FROM NEWER VERSION OF SEMANTIC UI, NOT NATIVE TO  METEOR PLUGIN. */

/*-------------------
    Scroll Bars
--------------------*/

/* Inverted */
@trackInvertedBackground: rgba(255, 255, 255, 0.1);
@thumbInvertedBackground: rgba(255, 255, 255, 0.25);
@thumbInvertedInactiveBackground: rgba(255, 255, 255, 0.15);
@thumbInvertedHoverBackground: rgba(255, 255, 255, 0.35);

[TheRealJimShady]

Nailed it :) The non-dropping down was my fault, the menu wasn't being initialised properly (d'oh!). So there we go, for people using the Meteor JS Semantic UI plugin, you can go ahead and paste those variable definitions and it should work... Thank you @Banandrew !

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[librarianmage]

@Banandrew Have you made any progress with this?
On Fri, Feb 23, 2018 at 1:54 AM stale[bot] [e-mail] wrote:

This issue has been automatically marked as stale because it has not had
recent activity. It will be closed in 30 days if no further activity
occurs. Thank you for your contributions.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/Semantic-Org/Semantic-UI/issues/5276#issuecomment-367935845,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ALz_83x5v08FNdoWwDoLlof67zKItLnLks5tXm6lgaJpZM4M9YtQ
.

[awgv]

@MathWhiz Hi, I moved to other issues in August, and ended up not opening a proper PR for it. Unfortunately, I won’t be able to work on SUI for quite a while to do it.

[librarianmage]

Darn. Would it be okay if I submit your current changes as a PR?
On Fri, Feb 23, 2018 at 5:35 PM Andrew Golubev [e-mail]
wrote:

@MathWhiz https://github.com/mathwhiz Hi, I moved to other issues in
August, and ended up not opening a proper PR for it. Unfortunately, I won’t
be able to work on SUI for quite a while to do it.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/Semantic-Org/Semantic-UI/issues/5276#issuecomment-368169860,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ALz_826Ml2FYA9T5haEi_1xUOI8BBau9ks5tX0skgaJpZM4M9YtQ
.

[awgv]

@MathWhiz Of course, I'd be thankful if someone did it properly, and you didn't even need to ask.

[lubber-de]

This is available in https://fomantic-ui.com/modules/dropdown.html#inverted