Files
kopia/htmlui/src/App.css
Jarek Kowalski 132e2eef50 New snapshot UX - streamlined snapshot creation and policy setting (#878)
* uitask: added support for reporting string progress info

* server: report current directory as task progress

* snapshot: created reusable Estimate() method to be used during upload, cli estimate and via API

* cli: switched to snapshotfs.Estimate()

* server: added API to estimate snapshot size

* kopia-ui: fixed directory selector

* htmlui: streamlined new snapshot flow and cleaned up policy setting

See https://youtu.be/8p6csuoB3kg
2021-03-10 23:04:55 -08:00

160 lines
2.2 KiB
CSS

body {
line-height: 1;
}
.popover {
max-width: 1000px;
}
.elide {
text-overflow: ellipsis;
}
.App-logo {
height: 32px;
}
.active{
font-weight: bold;
}
.required {
font-weight: bold;
}
.providerParams {
padding: 10px;
}
.form-group {
margin-bottom: 0.5rem;
}
.providerIcon {
width: 120px;
height: 100px;
margin: 10px;
vertical-align: middle;
}
.advancedOptions {
background-color: #f0f0f0;
padding: 10px;
border: 1px solid #ccc;
}
.providerSpecificParams {
background-color: #f0f0ff;
border: 2px solid #ddd;
padding: 10px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 10px;
}
.padded {
padding: 10px;
}
.padded-top {
padding-top: 10px;
}
.debug-json {
font-size: 60%;
}
.error {
color: red;
}
.normal {
display: block;
}
.hidden {
display: none;
}
div.tab-body {
padding: 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.policy-help {
font-size: 80%;
font-weight: normal;
}
.new-policy-panel {
background-color: #f0f0f0;
padding: 10px;
}
#snapshot-path {
width: 400px;
}
.version-info {
padding-left: 10px;
color: #aaa;
font-size: 80%;
}
#mountedPath {
color: #444;
width: 30em;
background-color: #ccc;
font-size: 12pt;
padding: 4px;
border: 1px solid #aaa;
}
.logs-table {
border: 1px solid #ccd;
background-color: #f0f0ff;
font-family: monospace;
font-size: 12px;
font-weight: bold;
overflow: auto;
max-height: 400px;
}
.loglevel-0 { color: #444; } /* debug */
.loglevel-1 { color: black; } /* info */
.loglevel-2 { color: blue; font-weight: bold; } /* notice */
.loglevel-3 { color: rgb(169, 112, 5); font-weight: bold;} /* warning */
.loglevel-4 { color: red; font-weight: bold; } /* error */
.loglevel-5 { color: red; font-weight: bold; } /* fatal */
.counter-badge {
font-size: 90%;
margin: 2px;
}
.page-title {
margin-left: 10px;
font-weight: bold;
height: 40px;
font-size: 125%;
vertical-align: text-bottom;
}
.nested-task {
padding: 10px;
padding-left: 40px;
}
.estimate-results {
margin: 10px;
margin-left: 15px;
padding: 15px;
border: 1px solid #ccc;
background-color: #f8f8ff;
}
.list-actions {
min-height: 40px;
}