uPortal 5.4.1

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

uPortal 5.4.1

wilca014
Guys,

how do you change color of the notification icon from white.

how do you change color of the waffle menu from white.

Regards,
Colin

--
You received this message because you are subscribed to the Google Groups "uPortal Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
Visit this group at https://groups.google.com/a/apereo.org/group/uportal-user/.
Reply | Threaded
Open this post in threaded view
|

Re: uPortal 5.4.1

Drew Wills

Colin,

We have figured out (recently) how to handle these things with CSS variables (works on everything but IE... which will get the defaults).

AFAIK...

  - The notification-icon has the tech, but no docs

  - The waffle-menu has neither tech nor docs

These items would be a great thing to help out with in the community.

drew

On 3/12/19 8:01 PM, wilca014 wrote:
Guys,

how do you change color of the notification icon from white.

how do you change color of the waffle menu from white.

Regards,
Colin
--
You received this message because you are subscribed to the Google Groups "uPortal Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
Visit this group at https://groups.google.com/a/apereo.org/group/uportal-user/.

--
You received this message because you are subscribed to the Google Groups "uPortal Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
Visit this group at https://groups.google.com/a/apereo.org/group/uportal-user/.
Reply | Threaded
Open this post in threaded view
|

Re: uPortal 5.4.1

wilca014
I have worked it out.

For anyone else how is looking to change the colour of the icon highlighted in BOLD is the additional information required.

For I.E I already had working surprisingly, that honours the configuration in the main CSS file.

Notification Icon
            <![CDATA[
                <script src="/resource-server/webjars/vue/dist/vue.min.js"></script>
                <script type="text/javascript" src="/NotificationPortlet/scripts/notification-icon.min.js"></script>
                <notification-icon style="position: relative; top: -0.5rem; --notif-icon-fg-color:#123955; --notif-icon-fg-hover-color:#123955;"></notification-icon>
            ]]>

Waffle Menu
        <![CDATA[
            <script src="/resource-server/webjars/vue/dist/vue.min.js"></script>
            <script src="/resource-server/webjars/uportal__waffle-menu/dist/waffle-menu.min.js"></script>
            <waffle-menu
                    button-color="#123955"
                    url="/uPortal/api/v4-3/dlm/portletRegistry.json?category=Quicklinks"
                    style="position: relative; top: 0.25rem;">
            </waffle-menu>
        ]]>



On Thursday, 14 March 2019 03:23:39 UTC+11, awills wrote:

Colin,

We have figured out (recently) how to handle these things with CSS variables (works on everything but IE... which will get the defaults).

AFAIK...

  - The notification-icon has the tech, but no docs

  - The waffle-menu has neither tech nor docs

These items would be a great thing to help out with in the community.

drew

On 3/12/19 8:01 PM, wilca014 wrote:
Guys,

how do you change color of the notification icon from white.

how do you change color of the waffle menu from white.

Regards,
Colin
--
You received this message because you are subscribed to the Google Groups "uPortal Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to <a href="javascript:" target="_blank" gdf-obfuscated-mailto="jVmF7bFNBgAJ" rel="nofollow" onmousedown="this.href=&#39;javascript:&#39;;return true;" onclick="this.href=&#39;javascript:&#39;;return true;">uportal-user...@apereo.org.
Visit this group at <a href="https://groups.google.com/a/apereo.org/group/uportal-user/" target="_blank" rel="nofollow" onmousedown="this.href=&#39;https://groups.google.com/a/apereo.org/group/uportal-user/&#39;;return true;" onclick="this.href=&#39;https://groups.google.com/a/apereo.org/group/uportal-user/&#39;;return true;">https://groups.google.com/a/apereo.org/group/uportal-user/.

--
You received this message because you are subscribed to the Google Groups "uPortal Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
Visit this group at https://groups.google.com/a/apereo.org/group/uportal-user/.