extract open css file
This commit is contained in:
parent
19ce0c8b69
commit
c8bd529173
2 changed files with 57 additions and 50 deletions
55
css/main.css
55
css/main.css
|
@ -18,6 +18,7 @@ limitations under the License.
|
||||||
@import url('client.css');
|
@import url('client.css');
|
||||||
@import url('preview.css');
|
@import url('preview.css');
|
||||||
@import url('create.css');
|
@import url('create.css');
|
||||||
|
@import url('open.css');
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--app-background: #f4f4f4;
|
--app-background: #f4f4f4;
|
||||||
|
@ -156,22 +157,14 @@ button.text:hover {
|
||||||
border-radius: 32px;
|
border-radius: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary.icon {
|
.primary.icon, .secondary.icon {
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: 12px center;
|
background-position: 12px center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon.link {
|
.icon.link { background-image: url('../images/link.svg'); }
|
||||||
background-image: url('../images/link.svg');
|
.icon.tick { background-image: url('../images/tick.svg'); }
|
||||||
}
|
.icon.copy { background-image: url('../images/copy.svg'); }
|
||||||
|
|
||||||
.icon.tick {
|
|
||||||
background-image: url('../images/tick.svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon.copy {
|
|
||||||
background-image: url('../images/copy.svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
button.primary, input[type='submit'].primary, button.secondary, input[type='submit'].secondary {
|
button.primary, input[type='submit'].primary, button.secondary, input[type='submit'].secondary {
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -194,44 +187,6 @@ input[type='text'].large {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.OpenLinkView .previewSource {
|
|
||||||
color: var(--grey);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ServerConsentView .actions {
|
|
||||||
margin-top: 24px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ServerConsentView input[type=submit] {
|
|
||||||
flex: 1;
|
|
||||||
margin-left: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ServerOptions div {
|
|
||||||
margin: 8px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ServerOptions label {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ServerOptions label > span,
|
|
||||||
.ServerOptions label > .line {
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ServerOptions label > .line {
|
|
||||||
flex: 1;
|
|
||||||
border: none;
|
|
||||||
border-bottom: 1px solid var(--grey);
|
|
||||||
padding: 4px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.LoadServerPolicyView {
|
.LoadServerPolicyView {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
52
css/open.css
Normal file
52
css/open.css
Normal file
|
@ -0,0 +1,52 @@
|
||||||
|
/*
|
||||||
|
Copyright 2020 The Matrix.org Foundation C.I.C.
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
|
*/
|
||||||
|
|
||||||
|
.OpenLinkView .previewSource {
|
||||||
|
color: var(--grey);
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ServerConsentView .actions {
|
||||||
|
margin-top: 24px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ServerConsentView input[type=submit] {
|
||||||
|
flex: 1;
|
||||||
|
margin-left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ServerOptions div {
|
||||||
|
margin: 8px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ServerOptions label {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ServerOptions label > span,
|
||||||
|
.ServerOptions label > .line {
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ServerOptions label > .line {
|
||||||
|
flex: 1;
|
||||||
|
border: none;
|
||||||
|
border-bottom: 1px solid var(--grey);
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
Loading…
Reference in a new issue