diff --git a/css/main.css b/css/main.css index 6fdb456..4f149ef 100644 --- a/css/main.css +++ b/css/main.css @@ -18,6 +18,7 @@ limitations under the License. @import url('client.css'); @import url('preview.css'); @import url('create.css'); +@import url('open.css'); :root { --app-background: #f4f4f4; @@ -156,22 +157,14 @@ button.text:hover { border-radius: 32px; } -.primary.icon { +.primary.icon, .secondary.icon { background-repeat: no-repeat; background-position: 12px center; } -.icon.link { - background-image: url('../images/link.svg'); -} - -.icon.tick { - background-image: url('../images/tick.svg'); -} - -.icon.copy { - background-image: url('../images/copy.svg'); -} +.icon.link { background-image: url('../images/link.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 { border: none; @@ -194,44 +187,6 @@ input[type='text'].large { 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 { display: flex; } diff --git a/css/open.css b/css/open.css new file mode 100644 index 0000000..d02c0e0 --- /dev/null +++ b/css/open.css @@ -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; +}