mirror of
https://github.com/wukko/cobalt.git
synced 2025-05-28 04:20:12 +02:00
web/layout: remove content margin (frame)
it feels unnatural in safari and other browsers with colored headers most browsers have their own frame nowadays (for some reason) so in those it looks even weirder than in regular ones (such as helium). just a waste of space.
This commit is contained in:
parent
7e9b7542ac
commit
a1bf0a454f
@ -45,6 +45,7 @@
|
||||
--sidebar-stroke: rgba(0, 0, 0, 0.04);
|
||||
|
||||
--content-border: rgba(0, 0, 0, 0.03);
|
||||
--content-border-thickness: 1px;
|
||||
|
||||
--input-border: #adadb7;
|
||||
|
||||
@ -68,11 +69,6 @@
|
||||
)
|
||||
);
|
||||
|
||||
--content-border-thickness: 1px;
|
||||
--content-margin: calc(
|
||||
var(--sidebar-inner-padding) + var(--content-border-thickness)
|
||||
);
|
||||
|
||||
--safe-area-inset-top: env(safe-area-inset-top);
|
||||
--safe-area-inset-bottom: env(safe-area-inset-bottom);
|
||||
|
||||
|
@ -94,7 +94,7 @@
|
||||
|
||||
<style>
|
||||
#processing-queue {
|
||||
--holder-padding: 16px;
|
||||
--holder-padding: 12px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
display: flex;
|
||||
|
@ -163,14 +163,10 @@
|
||||
overflow: scroll;
|
||||
background-color: var(--primary);
|
||||
box-shadow: 0 0 0 var(--content-border-thickness) var(--content-border);
|
||||
|
||||
border-radius: 6px;
|
||||
margin: var(--content-margin);
|
||||
margin-left: var(--content-border-thickness);
|
||||
}
|
||||
|
||||
#content:dir(rtl) {
|
||||
margin-left: var(--content-margin);
|
||||
margin-right: var(--content-border-thickness);
|
||||
}
|
||||
|
||||
@ -197,8 +193,6 @@
|
||||
order: -1;
|
||||
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
|
||||
border-bottom-left-radius: calc(var(--border-radius) * 2);
|
||||
border-bottom-right-radius: calc(var(--border-radius) * 2);
|
||||
|
Loading…
x
Reference in New Issue
Block a user