fix: notes copy now works and css updates

src/components/helpers/tooltip/tooltip.scss

@@ -17,17 +17,21 @@
     left: 50%;
     margin-left: -30px;
     visibility: hidden;
+    cursor: initial;
+    user-select: none;
     opacity: 0;
     transition: opacity 0.8s;
   }
+
+  &:hover {
+    .tooltipTitle {
+      visibility: visible;
+      opacity: 0.8;
+    }
+  }
 }
 
-.tooltip:hover .tooltipTitle {
-  visibility: visible;
-  opacity: 0.8;
-}
-
-.dark .tooltip {
+.dark .tooltipTitle {
   background-color: #000000;
   color: #ffffff;
 }

src/components/widgets/background/Maximise.jsx

@@ -4,7 +4,7 @@ import Tooltip from '../../helpers/tooltip/Tooltip';
 
 import FullscreenIcon from '@material-ui/icons/Fullscreen';
 
-export default class View extends React.PureComponent {
+export default class Maximise extends React.PureComponent {
   constructor() {
     super();
     this.state = {

src/components/widgets/navbar/Notes.jsx

@@ -33,10 +33,10 @@ export default class Notes extends React.PureComponent {
     }
   }
 
-  // todo: fix this
   copy() {
-    navigator.clipboard.writeText(this.state.notes);
-    toast(window.language.toasts.copy);
+    // this.state.notes doesnt work for some reason
+    navigator.clipboard.writeText(localStorage.getItem('notes'));
+    toast(window.language.toasts.notes);
   }
 
   componentDidMount() {

src/components/widgets/weather/Weather.jsx

@@ -26,6 +26,10 @@ export default class Weather extends React.PureComponent {
   }
 
   async getWeather() {
+    if (localStorage.getItem('offlineMode') === 'true') {
+      return null;
+    }
+
     let data = {
       weather: [
         {
@@ -111,6 +115,10 @@ export default class Weather extends React.PureComponent {
       return (localStorage.getItem(setting) === 'true');
     };
 
+    if (enabled('offlineMode')) {
+      return null;
+    }
+
     if (this.state.location === window.language.widgets.weather.not_found) {
       return (<div className='weather'>
         <span className='loc'>{this.state.location}</span>
@@ -118,8 +126,8 @@ export default class Weather extends React.PureComponent {
     }
 
     const minmax = () => {
-      const mintemp = (localStorage.getItem('mintemp') === 'true');
-      const maxtemp = (localStorage.getItem('maxtemp') === 'true');
+      const mintemp = enabled('mintemp');
+      const maxtemp = enabled('maxtemp');
     
       if (!mintemp && !maxtemp) {
         return null;

src/components/widgets/weather/weather.scss

@@ -5,15 +5,16 @@
   cursor: initial;
   user-select: none;
   padding: 20px;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(255, 255, 255, 0.8);
+  color: black;
   border-radius: 20px;
 
   span {
-    text-shadow: 0 0 10px rgb(0 0 0 / 50%);
+    text-shadow: 0 0 10px rgb(255 255 255 / 50%);
   }
 
   svg {
-    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
+    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.1));
     vertical-align: middle;
     font-size: 35px;
   }
@@ -28,3 +29,18 @@
     font-size: 0.5em;
   }
 }
+
+.dark .weather {
+  background-color: rgba(0, 0, 0, 0.5);
+  color: white;
+
+  span {
+    text-shadow: 0 0 10px rgb(0 0 0 / 50%);
+  }
+
+  svg {
+    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
+    vertical-align: middle;
+    font-size: 35px;
+  }
+}