diff --git a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx index f561298a3..9bfea7ff0 100644 --- a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx +++ b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx @@ -4,7 +4,7 @@ const createClass = require('create-react-class'); const _ = require('lodash'); const cx = require('classnames'); //Unused variable -const DISMISS_KEY = 'dismiss_notification7-10-20'; +const DISMISS_KEY = 'dismiss_notification09-9-21'; const NotificationPopup = createClass({ getInitialState : function() { @@ -22,16 +22,33 @@ const NotificationPopup = createClass({ notifications : { psa : function(){ return
  • - Google Drive Integration!
    - We have added Google Drive integration to the Homebrewery! Sign in with - your Google account to link it with your Homebrewery profile. A new button in the Edit page will let you transfer your file to your personal - Google Drive storage, and Google will keep a backup of each version! No more lost work surprises! + V3.0.0 Released!
    + After a long and bumpy road, we decided it was high time we finally release version 3 of the homebrewery into the wild. You can check out a + brief overview and see how to opt-in to the new features here:   + V3 Welcome Page   + and the Changelog.

    - However, we are aware that there may be uncaught bugs. We encourage you to copy your brew into a text document before transferring to Google - Drive just in case any issues arise as this update is rolled out. + BE WARNED: As we continue to develop V3, expect small tweaks in the styling, fonts, and snippets; your brews may look slightly + different from day-to-day. All of your old documents will continue to work as normal; we are not touching them. If you don't want to deal + with the possibility of slight formatting changes, you may choose to stick with the Legacy renderer on any of your brews for as long as you like.

    - Note: Transferring an existing brew to Google Drive will change the edit and share links of your document. If you have shared your - document online, remember to update the links there as well. + With this in mind, if you still wish to try out V3, you can opt-in any of your brews to the the V3 renderer. + This will likely break much of your formatting as a lot of the Markdown code has been updated, and starting from scratch may be cleaner. + (Don't worry, you can always change the renderer back to legacy for any brew at any time). +
  • ; + }, + refreshGoogle : function (){ + return
  • + Refresh your Google Drive Credentials!
    + Currently a lot of people are striking issues with their Google credentials expiring, which happens one year after the last sign in via + Google. This can cause errors when trying to save your brews. If this happens, simply visit the   + + logout page + + , sign out, and then sign back in "with Google" to refresh your credentials. See   + + this discussion on Github + for more details.
  • ; }, faq : function(){ @@ -62,8 +79,10 @@ const NotificationPopup = createClass({ return
    -

    Notice

    - This website is always improving and we are still adding new features and squashing bugs. Keep the following in mind: +
    +

    Notice

    + This website is always improving and we are still adding new features and squashing bugs. Keep the following in mind: +
      {_.values(this.state.notifications)}
    ; } diff --git a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less index 69bffd583..dfd3c6c63 100644 --- a/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less +++ b/client/homebrew/brewRenderer/notificationPopup/notificationPopup.less @@ -1,23 +1,22 @@ .popups{ position : fixed; - top : @navbarHeight; + top : @navbarHeight; right : 15px; z-index : 10001; - width : 350px; + width : 450px; } .notificationPopup{ - position : relative; - float : right; + position : relative; display : inline-block; - width : 350px; + width : 100%; padding : 15px; padding-bottom : 10px; - padding-left : 55px; + padding-left : 25px; background-color : @blue; color : white; a{ - color : @steel; + color : #e0e5c1; font-weight : 800; } i.info{ @@ -37,6 +36,9 @@ opacity : 1; } } + .header { + padding-left : 50px; + } small{ opacity : 0.7; font-size : 0.6em;