Skip to content

Jeremy Groot / stellervista-Intranet

Go to a project
Toggle navigation
Toggle navigation pinning
defae2b4 by Jeff Balicki
Options

um fixes 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 81cd312e
Expand all
Inline Side-by-side
Showing 18 changed files with 89 additions and 42 deletions
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -409,7 +409,7 @@ progress { ...@@ -409,7 +409,7 @@ progress {
409 :root { 409 :root {
410 --bs-blue: #0d6efd; 410 --bs-blue: #0d6efd;
411 --bs-indigo: #6610f2; 411 --bs-indigo: #6610f2;
412 --bs-purple: #5533ff; 412 --bs-purple: #183668;
413 --bs-pink: #d63384; 413 --bs-pink: #d63384;
414 --bs-red: #dc3545; 414 --bs-red: #dc3545;
415 --bs-orange: #fd7e14; 415 --bs-orange: #fd7e14;
...@@ -430,7 +430,7 @@ progress { ...@@ -430,7 +430,7 @@ progress {
430 --bs-gray-700: #495057; 430 --bs-gray-700: #495057;
431 --bs-gray-800: #343a40; 431 --bs-gray-800: #343a40;
432 --bs-gray-900: #212529; 432 --bs-gray-900: #212529;
433 --bs-primary: #5533ff; 433 --bs-primary: #183668;
434 --bs-secondary: #6c757d; 434 --bs-secondary: #6c757d;
435 --bs-success: #198754; 435 --bs-success: #198754;
436 --bs-info: #0dcaf0; 436 --bs-info: #0dcaf0;
...@@ -438,7 +438,7 @@ progress { ...@@ -438,7 +438,7 @@ progress {
438 --bs-danger: #dc3545; 438 --bs-danger: #dc3545;
439 --bs-light: #f8f9fa; 439 --bs-light: #f8f9fa;
440 --bs-dark: #212529; 440 --bs-dark: #212529;
441 --bs-primary-rgb: 85, 51, 255; 441 --bs-primary-rgb: 24, 54, 104;
442 --bs-secondary-rgb: 108, 117, 125; 442 --bs-secondary-rgb: 108, 117, 125;
443 --bs-success-rgb: 25, 135, 84; 443 --bs-success-rgb: 25, 135, 84;
444 --bs-info-rgb: 13, 202, 240; 444 --bs-info-rgb: 13, 202, 240;
...@@ -469,8 +469,8 @@ progress { ...@@ -469,8 +469,8 @@ progress {
469 --bs-border-radius-xl: 1rem; 469 --bs-border-radius-xl: 1rem;
470 --bs-border-radius-2xl: 2rem; 470 --bs-border-radius-2xl: 2rem;
471 --bs-border-radius-pill: 50rem; 471 --bs-border-radius-pill: 50rem;
472 --bs-link-color: #5533ff; 472 --bs-link-color: #183668;
473 --bs-link-hover-color: #4429cc; 473 --bs-link-hover-color: #132b53;
474 --bs-code-color: #d63384; 474 --bs-code-color: #d63384;
475 --bs-highlight-bg: #fff3cd; 475 --bs-highlight-bg: #fff3cd;
476 } 476 }
...@@ -553,13 +553,13 @@ progress { ...@@ -553,13 +553,13 @@ progress {
553 553
554 .table-primary { 554 .table-primary {
555 --bs-table-color: #000; 555 --bs-table-color: #000;
556 --bs-table-bg: #ddd6ff; 556 --bs-table-bg: #d1d7e1;
557 --bs-table-border-color: #c7c1e6; 557 --bs-table-border-color: #bcc2cb;
558 --bs-table-striped-bg: #d2cbf2; 558 --bs-table-striped-bg: #c7ccd6;
559 --bs-table-striped-color: #000; 559 --bs-table-striped-color: #000;
560 --bs-table-active-bg: #c7c1e6; 560 --bs-table-active-bg: #bcc2cb;
561 --bs-table-active-color: #000; 561 --bs-table-active-color: #000;
562 --bs-table-hover-bg: #ccc6ec; 562 --bs-table-hover-bg: #c1c7d0;
563 --bs-table-hover-color: #000; 563 --bs-table-hover-color: #000;
564 color: var(--bs-table-color); 564 color: var(--bs-table-color);
565 border-color: var(--bs-table-border-color); 565 border-color: var(--bs-table-border-color);
...@@ -849,7 +849,7 @@ progress { ...@@ -849,7 +849,7 @@ progress {
849 :root { 849 :root {
850 --bs-blue: #0d6efd; 850 --bs-blue: #0d6efd;
851 --bs-indigo: #6610f2; 851 --bs-indigo: #6610f2;
852 --bs-purple: #5533ff; 852 --bs-purple: #183668;
853 --bs-pink: #d63384; 853 --bs-pink: #d63384;
854 --bs-red: #dc3545; 854 --bs-red: #dc3545;
855 --bs-orange: #fd7e14; 855 --bs-orange: #fd7e14;
...@@ -870,7 +870,7 @@ progress { ...@@ -870,7 +870,7 @@ progress {
870 --bs-gray-700: #495057; 870 --bs-gray-700: #495057;
871 --bs-gray-800: #343a40; 871 --bs-gray-800: #343a40;
872 --bs-gray-900: #212529; 872 --bs-gray-900: #212529;
873 --bs-primary: #5533ff; 873 --bs-primary: #183668;
874 --bs-secondary: #6c757d; 874 --bs-secondary: #6c757d;
875 --bs-success: #198754; 875 --bs-success: #198754;
876 --bs-info: #0dcaf0; 876 --bs-info: #0dcaf0;
...@@ -878,7 +878,7 @@ progress { ...@@ -878,7 +878,7 @@ progress {
878 --bs-danger: #dc3545; 878 --bs-danger: #dc3545;
879 --bs-light: #f8f9fa; 879 --bs-light: #f8f9fa;
880 --bs-dark: #212529; 880 --bs-dark: #212529;
881 --bs-primary-rgb: 85, 51, 255; 881 --bs-primary-rgb: 24, 54, 104;
882 --bs-secondary-rgb: 108, 117, 125; 882 --bs-secondary-rgb: 108, 117, 125;
883 --bs-success-rgb: 25, 135, 84; 883 --bs-success-rgb: 25, 135, 84;
884 --bs-info-rgb: 13, 202, 240; 884 --bs-info-rgb: 13, 202, 240;
...@@ -909,8 +909,8 @@ progress { ...@@ -909,8 +909,8 @@ progress {
909 --bs-border-radius-xl: 1rem; 909 --bs-border-radius-xl: 1rem;
910 --bs-border-radius-2xl: 2rem; 910 --bs-border-radius-2xl: 2rem;
911 --bs-border-radius-pill: 50rem; 911 --bs-border-radius-pill: 50rem;
912 --bs-link-color: #5533ff; 912 --bs-link-color: #183668;
913 --bs-link-hover-color: #4429cc; 913 --bs-link-hover-color: #132b53;
914 --bs-code-color: #d63384; 914 --bs-code-color: #d63384;
915 --bs-highlight-bg: #fff3cd; 915 --bs-highlight-bg: #fff3cd;
916 } 916 }
...@@ -923,7 +923,7 @@ progress { ...@@ -923,7 +923,7 @@ progress {
923 923
924 .text-bg-primary { 924 .text-bg-primary {
925 color: #fff !important; 925 color: #fff !important;
926 background-color: RGBA(85, 51, 255, var(--bs-bg-opacity, 1)) !important; 926 background-color: RGBA(24, 54, 104, var(--bs-bg-opacity, 1)) !important;
927 } 927 }
928 928
929 .text-bg-secondary { 929 .text-bg-secondary {
...@@ -962,10 +962,10 @@ progress { ...@@ -962,10 +962,10 @@ progress {
962 } 962 }
963 963
964 .link-primary { 964 .link-primary {
965 color: #5533ff !important; 965 color: #183668 !important;
966 } 966 }
967 .link-primary:hover, .link-primary:focus { 967 .link-primary:hover, .link-primary:focus {
968 color: #4429cc !important; 968 color: #132b53 !important;
969 } 969 }
970 970
971 .link-secondary { 971 .link-secondary {
...@@ -5121,16 +5121,16 @@ progress { ...@@ -5121,16 +5121,16 @@ progress {
5121 5121
5122 .has-purple-color, 5122 .has-purple-color,
5123 .has-purple-color:visited { 5123 .has-purple-color:visited {
5124 color: #5533ff; 5124 color: #183668;
5125 } 5125 }
5126 5126
5127 .has-purple-background-color { 5127 .has-purple-background-color {
5128 background-color: #5533ff; 5128 background-color: #183668;
5129 border-color: #5533ff; 5129 border-color: #183668;
5130 } 5130 }
5131 5131
5132 .wp-block-button:hover .wp-block-button__link.has-white-background-color.has-purple-color { 5132 .wp-block-button:hover .wp-block-button__link.has-white-background-color.has-purple-color {
5133 color: #5533ff; 5133 color: #183668;
5134 } 5134 }
5135 5135
5136 .has-pink-color, 5136 .has-pink-color,
...@@ -5289,16 +5289,16 @@ progress { ...@@ -5289,16 +5289,16 @@ progress {
5289 5289
5290 .has-primary-color, 5290 .has-primary-color,
5291 .has-primary-color:visited { 5291 .has-primary-color:visited {
5292 color: #5533ff; 5292 color: #183668;
5293 } 5293 }
5294 5294
5295 .has-primary-background-color { 5295 .has-primary-background-color {
5296 background-color: #5533ff; 5296 background-color: #183668;
5297 border-color: #5533ff; 5297 border-color: #183668;
5298 } 5298 }
5299 5299
5300 .wp-block-button:hover .wp-block-button__link.has-white-background-color.has-primary-color { 5300 .wp-block-button:hover .wp-block-button__link.has-white-background-color.has-primary-color {
5301 color: #5533ff; 5301 color: #183668;
5302 } 5302 }
5303 5303
5304 .has-secondary-color, 5304 .has-secondary-color,
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -27,7 +27,7 @@ $container = get_theme_mod( 'understrap_container_type' ); ...@@ -27,7 +27,7 @@ $container = get_theme_mod( 'understrap_container_type' );
27 27
28 <div class="site-info"> 28 <div class="site-info">
29 29
30 <?php understrap_site_info(); ?> 30 <?php //understrap_site_info(); ?>
31 31
32 </div><!-- .site-info --> 32 </div><!-- .site-info -->
33 33
......
...@@ -17,7 +17,8 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' ); ...@@ -17,7 +17,8 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
17 <html <?php language_attributes(); ?>> 17 <html <?php language_attributes(); ?>>
18 <head> 18 <head>
19 <meta charset="<?php bloginfo( 'charset' ); ?>"> 19 <meta charset="<?php bloginfo( 'charset' ); ?>">
20 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 20
21 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
21 <link rel="profile" href="http://gmpg.org/xfn/11"> 22 <link rel="profile" href="http://gmpg.org/xfn/11">
22 <?php wp_head(); ?> 23 <?php wp_head(); ?>
23 </head> 24 </head>
......
1 {"--bs-blue":"#0d6efd","--bs-indigo":"#6610f2","--bs-purple":"#5533ff","--bs-pink":"#d63384","--bs-red":"#dc3545","--bs-orange":"#fd7e14","--bs-yellow":"#ffc107","--bs-green":"#198754","--bs-teal":"#20c997","--bs-cyan":"#0dcaf0","--bs-white":"#fff","--bs-gray":"#6c757d","--bs-gray-dark":"#343a40"}
...\ No newline at end of file ...\ No newline at end of file
1 {"--bs-blue":"#0d6efd","--bs-indigo":"#6610f2","--bs-purple":"#183668","--bs-pink":"#d63384","--bs-red":"#dc3545","--bs-orange":"#fd7e14","--bs-yellow":"#ffc107","--bs-green":"#198754","--bs-teal":"#20c997","--bs-cyan":"#0dcaf0","--bs-white":"#fff","--bs-gray":"#6c757d","--bs-gray-dark":"#343a40"}
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -18,7 +18,7 @@ get_header(); ...@@ -18,7 +18,7 @@ get_header();
18 $container = get_theme_mod( 'understrap_container_type' ); 18 $container = get_theme_mod( 'understrap_container_type' );
19 19
20 ?> 20 ?>
21 <?php if (! is_page('account')) { ?> 21 <?php if (is_page('account') || is_page('user') || is_page('password-reset') || is_page('register')) { }else{ ?>
22 <div class="wrapper" id="page-wrapper"> 22 <div class="wrapper" id="page-wrapper">
23 <div class="hero-container header-section blur-image" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);"> 23 <div class="hero-container header-section blur-image" data-src="<?php echo the_post_thumbnail_url(); ?>" style="--med-image: url(<?php echo the_post_thumbnail_url('medium'); ?>);">
24 <div class="full-image"> 24 <div class="full-image">
......
1 html, body {
2 overflow-x:hidden
3 }
4 body {
5 overflow-x: hidden;
6 overflow-y: scroll !important;
7 }
8
1 .home.page-template-default { 9 .home.page-template-default {
2 #main-nav { 10 #main-nav {
3 background:none 11 background:none
...@@ -7,6 +15,10 @@ ...@@ -7,6 +15,10 @@
7 } 15 }
8 16
9 } 17 }
18 #page{
19 overflow-x: hidden;
20 }
21 #error-404-wrapper,
10 #content, 22 #content,
11 #full-width-page-wrapper, 23 #full-width-page-wrapper,
12 #page-wrapper { 24 #page-wrapper {
...@@ -17,6 +29,7 @@ ...@@ -17,6 +29,7 @@
17 padding-top: 0px; 29 padding-top: 0px;
18 @media only screen and (max-width: 1260px) { 30 @media only screen and (max-width: 1260px) {
19 width: 100%; 31 width: 100%;
32 min-height: 90vh;
20 } 33 }
21 #content { 34 #content {
22 position: relative; 35 position: relative;
...@@ -31,6 +44,7 @@ ...@@ -31,6 +44,7 @@
31 @media only screen and (max-width: 1260px) { 44 @media only screen and (max-width: 1260px) {
32 margin:0px; 45 margin:0px;
33 padding:0 15px; 46 padding:0 15px;
47 max-width: 100%;
34 } 48 }
35 } 49 }
36 .um-um_account_id { 50 .um-um_account_id {
...@@ -79,7 +93,7 @@ h1 + p { font-size: 20px; } ...@@ -79,7 +93,7 @@ h1 + p { font-size: 20px; }
79 color: #000; 93 color: #000;
80 } 94 }
81 @media only screen and (max-width: 1260px) { 95 @media only screen and (max-width: 1260px) {
82 padding: 40px 40px; 96 padding: 40px 20px;
83 } 97 }
84 .wp-block-column:nth-of-type(2) { 98 .wp-block-column:nth-of-type(2) {
85 display: flex; 99 display: flex;
...@@ -139,10 +153,16 @@ background-color: #1A3668; ...@@ -139,10 +153,16 @@ background-color: #1A3668;
139 height: 423px; 153 height: 423px;
140 align-items: center; 154 align-items: center;
141 width: 100%; 155 width: 100%;
156 @media only screen and (max-width: 756px) {
157 height: 200px;
158 }
142 p{ 159 p{
143 color:#fff; 160 color:#fff;
144 font-size: 28px; 161 font-size: 28px;
145 line-height: 36px; 162 line-height: 36px;
163 @media only screen and (max-width: 756px) {
164 font-size: 20px;
165 }
146 strong{ 166 strong{
147 font-weight: 400; 167 font-weight: 400;
148 line-height: 46px; 168 line-height: 46px;
......
...@@ -3,5 +3,5 @@ ...@@ -3,5 +3,5 @@
3 // Just copy a variable from src/sass/assets/bootstrap5/_variables.scss, paste it here and edit the value. 3 // Just copy a variable from src/sass/assets/bootstrap5/_variables.scss, paste it here and edit the value.
4 4
5 5
6 $purple: #5533ff; // Thats a sample how you could change a BootStrap variable. 6 $purple: #183668; // Thats a sample how you could change a BootStrap variable.
7 $primary: $purple; // Once we've changed the value, we'll also make it the primary brand color. 7 $primary: $purple; // Once we've changed the value, we'll also make it the primary brand color.
......
...@@ -19,6 +19,9 @@ ...@@ -19,6 +19,9 @@
19 background-size: cover; 19 background-size: cover;
20 width: 100%; 20 width: 100%;
21 position: relative; 21 position: relative;
22 @media only screen and (max-width: 768px) {
23 height: 101vh;
24 }
22 } 25 }
23 .full-image::after { 26 .full-image::after {
24 content: ""; 27 content: "";
...@@ -31,6 +34,9 @@ ...@@ -31,6 +34,9 @@
31 width: 100%; 34 width: 100%;
32 height: 120px; 35 height: 120px;
33 background-image: url("../images/logo-border.png"); 36 background-image: url("../images/logo-border.png");
37 @media only screen and (max-width: 768px) {
38 bottom:-20px;
39 }
34 } 40 }
35 .full-image::before { 41 .full-image::before {
36 color: #3DB149; 42 color: #3DB149;
...@@ -43,6 +49,9 @@ ...@@ -43,6 +49,9 @@
43 width: 50%; 49 width: 50%;
44 height: 30px; 50 height: 30px;
45 z-index: 99; 51 z-index: 99;
52 @media only screen and (max-width: 768px) {
53 width: 100%;
54 }
46 55
47 } 56 }
48 57
...@@ -102,6 +111,17 @@ ...@@ -102,6 +111,17 @@
102 } 111 }
103 } 112 }
104 113
114 .um-page-register,
115 .um-page-password-reset,
116 .um-own-profile{
117 #content{
118 padding-top: 100px;
119 min-height: 95vh;
120 }
121 }
122 .um-register{
123 max-width: 600px;
124 }
105 125
106 .um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button{ 126 .um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button{
107 text-transform: uppercase !important; 127 text-transform: uppercase !important;
......
...@@ -96,8 +96,13 @@ ...@@ -96,8 +96,13 @@
96 } 96 }
97 } 97 }
98 } 98 }
99 } 99
100 .um:not(.um-um_account_id){ 100 .um-login:not(.um-logout){
101 display: none !important;
102 }
103 }
104 .um-logout,
105 .um:not(.um-um_account_id):not(.um-register):not(.um-login){
101 width: 275px !important; 106 width: 275px !important;
102 display: flex!important; 107 display: flex!important;
103 flex-basis: auto; 108 flex-basis: auto;
...@@ -137,6 +142,7 @@ ...@@ -137,6 +142,7 @@
137 } 142 }
138 } 143 }
139 } 144 }
145
140 .current-menu-item { 146 .current-menu-item {
141 a{text-decoration: underline !important; color: #183668 !important; font-weight: bold;} 147 a{text-decoration: underline !important; color: #183668 !important; font-weight: bold;}
142 ul{ 148 ul{
......
...@@ -3,7 +3,7 @@ label[for="quicksearch"] { ...@@ -3,7 +3,7 @@ label[for="quicksearch"] {
3 line-height: 24px; 3 line-height: 24px;
4 color: #1A3668; 4 color: #1A3668;
5 text-transform: uppercase; 5 text-transform: uppercase;
6 font-family: "Poppins", sans-serif; 6
7 font-weight: 800; 7 font-weight: 800;
8 } 8 }
9 #quicksearch { 9 #quicksearch {
...@@ -34,7 +34,7 @@ label[for="quicksearch"] { ...@@ -34,7 +34,7 @@ label[for="quicksearch"] {
34 text-decoration: none; 34 text-decoration: none;
35 padding: 10px 0px; 35 padding: 10px 0px;
36 display: block; 36 display: block;
37 font-family: "Poppins", sans-serif; 37
38 font-weight: 800; 38 font-weight: 800;
39 } 39 }
40 .filter-group { 40 .filter-group {
...@@ -214,13 +214,13 @@ td.hidden { ...@@ -214,13 +214,13 @@ td.hidden {
214 margin-bottom: 20px; 214 margin-bottom: 20px;
215 border-radius: 0px; 215 border-radius: 0px;
216 height: 69px; 216 height: 69px;
217 @media only screen and (max-width: 768px) {
218 height: auto;
219 }
220 background: #ffffff 0% 0% no-repeat padding-box; 217 background: #ffffff 0% 0% no-repeat padding-box;
221 box-shadow: 0px 3px 6px #00000029; 218 box-shadow: 0px 3px 6px #00000029;
222 padding: 15px 22px; 219 padding: 15px 22px;
223 width: 100%; 220 @media only screen and (max-width: 768px) {
221 height: auto;
222 width: 110%;
223 }
224 .item { 224 .item {
225 width: 100%; 225 width: 100%;
226 } 226 }
...@@ -232,7 +232,7 @@ td.hidden { ...@@ -232,7 +232,7 @@ td.hidden {
232 line-height: 24px; 232 line-height: 24px;
233 a { 233 a {
234 width: 100%; 234 width: 100%;
235 font-family: "Poppins", sans-serif; 235
236 font-weight: 500; 236 font-weight: 500;
237 text-decoration: none; 237 text-decoration: none;
238 font-size: 16px; 238 font-size: 16px;
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: the Understrap Contributors 5 Author: the Understrap Contributors
6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors 6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors
7 Template: understrap 7 Template: understrap
8 Version: 1.2.0013 8 Version: 1.2.0014
9 License: GNU General Public License v2 or later 9 License: GNU General Public License v2 or later
10 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 Text Domain: understrap-child 11 Text Domain: understrap-child
......