Ladybird/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-06-08 05:27:14 +09:00
Code Activity

Base: Consolidate a couple of about:settings container classes

Browse source
This commit is contained in:
Timothy Flynn 2025-04-05 07:43:09 -04:00 • committed by Andreas Kling
parent d138474e0d
commit 9cab5dc0c9
Notes: github-actions[bot] 2025-04-06 11:46:31 +00:00
1 changed files with 15 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

36
Base/res/ladybird/about-pages/settings.html
View file

@ -90,19 +90,21 @@
margin-bottom: 0; margin-bottom: 0;
} }
.toggle-container { .inline-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.permission-container {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 10px; gap: 10px;
} }
.button-container {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 20px;
}
.forcibly-enabled { .forcibly-enabled {
font-size: 14px; font-size: 14px;
opacity: 0.6; opacity: 0.6;
@ -276,14 +278,6 @@
dialog .dialog-controls select { dialog .dialog-controls select {
flex-grow: 1; flex-grow: 1;
} }
.button-container {
display: flex;
justify-content: flex-end;
margin-top: 20px;
gap: 10px;
}
</style> </style>
</head> </head>
<body> <body>
@ -308,7 +302,7 @@
<hr /> <hr />
<div class="card-group permission-container"> <div class="card-group inline-container">
<span>Languages</span> <span>Languages</span>
<button id="languages-settings" class="secondary-button">Settings...</button> <button id="languages-settings" class="secondary-button">Settings...</button>
</div> </div>
@ -318,7 +312,7 @@
<div class="card"> <div class="card">
<div class="card-header">Search</div> <div class="card-header">Search</div>
<div class="card-body"> <div class="card-body">
<div class="card-group toggle-container"> <div class="card-group inline-container">
<label for="search-toggle">Enable Search</label> <label for="search-toggle">Enable Search</label>
<input id="search-toggle" type="checkbox" switch /> <input id="search-toggle" type="checkbox" switch />
</div> </div>
@ -332,7 +326,7 @@
<hr /> <hr />
<div class="card-group toggle-container"> <div class="card-group inline-container">
<label for="autocomplete-toggle">Enable Autocomplete</label> <label for="autocomplete-toggle">Enable Autocomplete</label>
<input id="autocomplete-toggle" type="checkbox" switch /> <input id="autocomplete-toggle" type="checkbox" switch />
</div> </div>
@ -349,7 +343,7 @@
<div class="card"> <div class="card">
<div class="card-header">Permissions</div> <div class="card-header">Permissions</div>
<div class="card-body"> <div class="card-body">
<div class="card-group permission-container"> <div class="card-group inline-container">
<span>Autoplay</span> <span>Autoplay</span>
<span id="autoplay-forcibly-enabled" class="forcibly-enabled hidden"> <span id="autoplay-forcibly-enabled" class="forcibly-enabled hidden">
This setting is controlled via the command line This setting is controlled via the command line
@ -362,7 +356,7 @@
<div class="card"> <div class="card">
<div class="card-header">Privacy</div> <div class="card-header">Privacy</div>
<div class="card-body"> <div class="card-body">
<div class="card-group toggle-container"> <div class="card-group inline-container">
<label for="do-not-track-toggle">Send websites a "Do Not Track" request</label> <label for="do-not-track-toggle">Send websites a "Do Not Track" request</label>
<input id="do-not-track-toggle" type="checkbox" switch /> <input id="do-not-track-toggle" type="checkbox" switch />
</div> </div>
@ -398,7 +392,7 @@
<button id="site-settings-close" class="close-button dialog-button">&times;</button> <button id="site-settings-close" class="close-button dialog-button">&times;</button>
</div> </div>
<div class="dialog-body"> <div class="dialog-body">
<div class="toggle-container"> <div class="inline-container">
<label for="site-settings-global">Enable on all sites</label> <label for="site-settings-global">Enable on all sites</label>
<input id="site-settings-global" type="checkbox" switch /> <input id="site-settings-global" type="checkbox" switch />
</div> </div>