When the session expired, automatically refresh the page with the intended desitination without the alert

public/css/custom.css

@@ -1,3 +1,9 @@
+img.jpegphoto {
+	display:block;
+	max-width:100px;
+	height:100px;
+}
+
 /** ensure our userpassword has select is next to the password input */
 div#userPassword .select2-container--bootstrap-5 .select2-selection {
 	font-size: inherit;

resources/themes/architect/src/components/bootstrap5/_buttons.scss

@@ -87,7 +87,7 @@
     background-color: var(--#{$prefix}btn-active-bg);
     // Remove CSS gradients if they're enabled
     background-image: if($enable-gradients, none, null);
-    border-color: var(--#{$prefix}btn-active-border-color);
+    // border-color: var(--#{$prefix}btn-active-border-color);
     @include box-shadow(var(--#{$prefix}btn-active-shadow));
 
     &:focus-visible {

resources/themes/architect/src/components/bootstrap5/_close.scss

@@ -3,23 +3,17 @@
 // If you want the anchor version, it requires `href="#"`.
 // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
 
-.header-text-dark * .btn-close {
+.header-text-dark:has(.btn-close) {
   --#{$prefix}btn-close-color: #{$btn-close-color-dark};
   --#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg-dark) };
 }
-.header-text-light *.btn-close {
+.header-text-light:has(.btn-close) {
   --#{$prefix}btn-close-color: #{$btn-close-color-light};
   --#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg-light) };
 }
 
 .btn-close {
   // scss-docs-start close-css-vars
-  --#{$prefix}btn-close-color: #{$btn-close-color};
-  --#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg) };
-  --#{$prefix}btn-close-color-light: #{$btn-close-color-light};
-  --#{$prefix}btn-close-bg-light: #{ escape-svg($btn-close-bg-light) };
-  --#{$prefix}btn-close-color-dark: #{$btn-close-color-dark};
-  --#{$prefix}btn-close-bg-dark: #{ escape-svg($btn-close-bg-dark) };
   --#{$prefix}btn-close-opacity: #{$btn-close-opacity};
   --#{$prefix}btn-close-hover-opacity: #{$btn-close-hover-opacity};
   --#{$prefix}btn-close-focus-shadow: #{$btn-close-focus-shadow};

resources/themes/architect/src/components/bootstrap5/_variables.scss

@@ -1703,8 +1703,7 @@ $btn-close-width:            1em !default;
 $btn-close-height:           $btn-close-width !default;
 $btn-close-padding-x:        .25em !default;
 $btn-close-padding-y:        $btn-close-padding-x !default;
-$btn-close-color:            $black !default;
+//$btn-close-color:            $black !default;
-$btn-close-bg:               url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;
 $btn-close-color-dark:            $black !default;
 $btn-close-color-light:            $gray-100 !default;
 $btn-close-bg-dark:               url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color-dark}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;

resources/views/components/attribute/binary/jpegphoto.blade.php

@@ -9,12 +9,12 @@
 					@default
 						<td>
 							<input type="hidden" name="{{ $o->name_lc }}[]" value="{{ md5($value) }}">
-							<img @class(['border','rounded','p-2','m-0','is-invalid'=>($e=$errors->get($o->name_lc.'.'.$loop->index))]) src="data:{{ $x }};base64, {{ base64_encode($value) }}" />
+							<img @class(['jpegphoto','is-invalid'=>($e=$errors->get($o->name_lc.'.'.$loop->index))]) src="data:{{ $x }};base64, {{ base64_encode($value) }}" />
 
 							@if ($edit)
 								<br>
 								<!-- @todo TO IMPLEMENT -->
-								<span class="btn btn-sm btn-danger deletable d-none mt-3"><i class="fas fa-trash-alt"></i> @lang('Delete')</span>
+								<span class="btn btn-sm btn-danger deletable d-none"><i class="fas fa-trash-alt"></i> @lang('Delete')</span>
 
 								<div class="invalid-feedback pb-2">
 									@if($e)

resources/views/fragment/dn/header.blade.php

@@ -1,28 +1,28 @@
 <table class="table table-borderless">
-	<tr class="border-bottom line-height-2">
+	<tr>
-		<td class="p-1 pt-0" rowspan="2">
+		<td class="{{ ($x=$o->getObject('jpegphoto')) ? 'border' : '' }}" rowspan="2">
-			{!! ($x=$o->getObject('jpegphoto')) ? $x->render(FALSE,TRUE) : sprintf('<div class="page-title-icon f32 m-2"><i class="%s"></i></div>',$o->icon() ?? "fas fa-info") !!}
+			{!! $x ? $x->render(FALSE,TRUE) : sprintf('<div class="page-title-icon f32"><i class="%s"></i></div>',$o->icon() ?? "fas fa-info") !!}
 		</td>
-		<td class="text-end align-bottom pb-0 mb-0 pt-2 pe-3 {{ $x ? 'ps-3' : '' }}"><strong>{{ $o->getDn() }}</strong></td>
+		<td class="text-end align-text-top p-0 pt-2 pe-3 {{ $x ? 'ps-5' : '' }}"><strong>{{ $o->getDn() }}</strong></td>
 	</tr>
 	<tr>
-		<td class="align-bottom" style="font-size: 55%" colspan="2">
+		<td class="line-height-1" style="font-size: 55%;vertical-align: bottom;" colspan="2">
-			<table class="table table-condensed table-borderless w-100">
+			<table>
-				<tr class="mt-1">
+				<tr>
-					<td class="p-0 pe-2">Created</td>
+					<td class="p-1 m-1">Created</td>
-					<th class="p-0">
+					<th class="p-1 m-1">
 						<x-attribute :o="$o->getObject('createtimestamp')" :na="__('Unknown')"/> [<x-attribute :o="$o->getObject('creatorsname')" :na="__('Unknown')"/>]
 					</th>
 				</tr>
-				<tr class="mt-1">
+				<tr>
-					<td class="p-0 pe-2">Modified</td>
+					<td class="p-1 m-1">Modified</td>
-					<th class="p-0">
+					<th class="p-1 m-1">
 						<x-attribute :o="$o->getObject('modifytimestamp')" :na="__('Unknown')"/> [<x-attribute :o="$o->getObject('modifiersname')" :na="__('Unknown')"/>]
 					</th>
 				</tr>
-				<tr class="mt-1">
+				<tr>
-					<td class="p-0 pe-2">UUID</td>
+					<td class="p-1 m-1">UUID</td>
-					<th class="p-0">
+					<th class="p-1 m-1">
 						<x-attribute :o="$o->getObject('entryuuid')" :na="__('Unknown')"/>
 					</th>
 				</tr>