squidy/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent.git synced 2026-01-04 22:52:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

WebUI: Apply box-sizing reset

Browse Source 
Box-sizing: border-box is now applied globally. A lot of tiny changes were made but they were necessary to correct resulting inconsistencies. Everything should be pretty much as it was with just some minor exceptions.

Looks like this PR also indirectly fixed #21414.

PR #21464.
This commit is contained in:
skomerko
2024-10-12 08:22:07 +02:00
committed by GitHub
parent 81509dfb65
commit 0704049026
29 changed files with 195 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/webui/www/private/css/Layout.css
View File

@@ -18,10 +18,6 @@ Required by:
/* Layout
---------------------------------------------------------------- */
body {
margin: 0; /* Required */
}
#desktop {
cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */
height: 100%;
@@ -88,13 +84,11 @@ body {
#desktopNavbar {
background-color: var(--color-background-default);
margin: 0 0px;
overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
}
#desktopNavbar ul {
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
user-select: none;
@@ -164,8 +158,8 @@ body {
#desktopNavbar li ul li a {
color: var(--color-text-default);
font-weight: normal;
min-width: 120px;
padding: 4px 10px 4px 25px;
min-width: 155px;
padding: 4px 10px 4px 23px;
position: relative;
}
@@ -200,14 +194,17 @@ li.divider {
border-top: 1px solid var(--color-border-default);
overflow: hidden; /* This can be set to hidden or auto */
position: relative;
/*height: 100%;*/
}
#propertiesPanel_header {
height: 28px;
}
/* Footer */
#desktopFooterWrapper {
bottom: 0;
height: 30px;
height: 28px;
left: 0;
overflow: hidden;
position: absolute;
@@ -217,8 +214,8 @@ li.divider {
#desktopFooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 24px;
padding: 6px 8px 0;
height: 28px;
padding: 2px;
}
/* Panel Layout
@@ -266,7 +263,6 @@ li.divider {
display: inline-block;
font-size: 12px;
height: 22px;
margin: 0;
overflow: hidden;
padding: 3px 8px 0;
}
@@ -302,7 +298,7 @@ li.divider {
background: url("../images/handle-icon-horizontal.gif") center center
no-repeat;
font-size: 1px;
height: 4px;
height: 6px;
line-height: 1px;
margin: 0 auto;
overflow: hidden;
@@ -316,7 +312,7 @@ li.divider {
float: left;
min-height: 10px;
overflow: hidden;
width: 4px;
width: 8px;
}
/* Toolboxes */
@@ -324,7 +320,7 @@ li.divider {
.toolbox {
float: right;
height: 24px;
margin-top: 3px;
margin-top: 1px;
overflow: hidden;
padding: 0 5px;
text-align: right;