More position and format for flag-icon

This commit is contained in:
Brian Read 2024-07-28 14:04:49 +01:00
parent 251b454470
commit a58df95aa9
2 changed files with 38 additions and 16 deletions

View File

@ -1,26 +1,45 @@
<style> <style>
#h2l1 { #h2l1 {
display: flex; /* Use flexbox layout */ display: flex; /* Use flexbox layout */
justify-content: space-between; /* Distribute space between child elements */ justify-content: space-between; /* Space between child elements */
align-items: center; /* Vertically center items */ align-items: center; /* Center items vertically */
padding: 0 20px; /* Add left and right padding */
} }
#h2e11 { #h2e11 {
flex: 1; /* Allow the first div to take available space on the left */ flex: 1; /* Allow the first div to take available space on the left */
} }
#h2e12 { #h2e12 {
display: flex; /* Set the second div as flex container */ display: flex; /* Make this div a flex container */
align-items: center; /* Center the content vertically */ align-items: center; /* Vertically center content in this div */
margin-left: 20px; /* Add margin to the left of the second div */ margin-left: 20px; /* Add margin to the left of this div */
} }
#flag-container { #flag-container {
margin-left: 20px; /* Add margin to the left of the third div */ display: flex; /* Make this div a flex container */
margin-right:5px; align-items: center; /* Vertically center content in this div */
margin-left: 20px; /* Add margin to the left of the flag container */
#flag-icon { padding-right: 20px; /* Add padding to the right side of the flag container */
font-size: 21px; }
.flag-icon {
width: 43px;
font-size: 20px;
}
#legacy-button button {
background-color: #98d36e; /* Button background color */
font-weight: bold; /* Bold text for the button */
color: #063; /* Button text color */
padding: 5px 10px; /* Padding for the button */
border: none; /* Remove default button border */
border-radius: 4px; /* Rounded corners for button */
cursor: pointer; /* Change cursor on hover */
}
#legacy-button button:hover {
background-color: #82c961; /* Change color on hover */
} }
</style> </style>
@ -30,8 +49,8 @@
<div id="h2e11"> <div id="h2e11">
<a target='_blank' href="http://www.koozali.org"><img src="images/smeserver_logo.jpg" height="40" alt="SME Server"></a> <a target='_blank' href="http://www.koozali.org"><img src="images/smeserver_logo.jpg" height="40" alt="SME Server"></a>
</div> </div>
<div id="h2e12" style="float:right;"> <div id="h2e12">
<br><a href="/server-manager" target='_blank'><button style="background-color:#98d36e;font-weight:bold;color:#063;">Legacy SM</button></a> <a id="legacy-button" href="/server-manager" target='_blank'><button>Legacy SM</button></a>
</div> </div>
<div id="flag-container"> <div id="flag-container">
<!-- The flag icon will be inserted here --> <!-- The flag icon will be inserted here -->

View File

@ -2,7 +2,7 @@ Summary: Sme server navigation module : manager 2
%define name smeserver-manager %define name smeserver-manager
Name: %{name} Name: %{name}
%define version 11.0.0 %define version 11.0.0
%define release 11 %define release 12
Version: %{version} Version: %{version}
Release: %{release}%{?dist} Release: %{release}%{?dist}
License: GPL License: GPL
@ -108,6 +108,9 @@ true
%defattr(-,root,root) %defattr(-,root,root)
%changelog %changelog
* Sun Jul 28 2024 Brian Read <brianr@koozali.org> 11.0.0-12.sme
- correct positio of flag-icon [SME: 12706]
* Sat Jul 27 2024 Brian Read <brianr@koozali.org> 11.0.0-11.sme * Sat Jul 27 2024 Brian Read <brianr@koozali.org> 11.0.0-11.sme
- Add in flag icon indication of locale [SME: 12706] - Add in flag icon indication of locale [SME: 12706]