mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
1b48bd18aa
This implements a simple tab system for servoshell: - The egui part uses the built-in SelectableLabels components and display the full tab title on hover. - WebView structs now hold all the state for each WebView. When we need "global" state, we return the focused WebView state, eg. for the load status since it's still global in the UI. - New keyboard shortcut: [Cmd-or-Ctrl]+[W] to close the current tab. - New keyboard shortcut: [Cmd-or-Ctrl]+[T] to create a new tab. - The new tab content is loaded from the 'servo:newtab' url using a couple of custom protocol handlers. Signed-off-by: webbeef <me@webbeef.org>
57 lines
886 B
CSS
57 lines
886 B
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/. */
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
background-color: #121619;
|
|
font-family: sans-serif;
|
|
color: hsl(0, 0%, 96%);
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
img {
|
|
width: 25vw;
|
|
}
|
|
|
|
form {
|
|
margin: 1em;
|
|
}
|
|
|
|
input {
|
|
width: 50vw;
|
|
}
|
|
|
|
a {
|
|
color: #1191e8;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
color: #42bf64;
|
|
}
|
|
|
|
/* This should not be needed but paper over missing default styles */
|
|
button {
|
|
padding-block: 1px;
|
|
padding-inline: 8px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
form {
|
|
display: flex;
|
|
justify-items: center;
|
|
gap: 0.5em;
|
|
}
|