mirror of
https://github.com/google/nomulus
synced 2026-07-31 20:36:09 +00:00
gbrodmanandGitHub
cf698c2586
This isn't the prettiest thing, but it replicates the type of view / edit functionality that we had in the original console. Of note: this doesn't include input field validation, which would probably be a good idea to add at some point.
60 lines
1.4 KiB
SCSS
60 lines
1.4 KiB
SCSS
// Copyright 2023 The Nomulus Authors. All Rights Reserved.
|
|
//
|
|
// 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.
|
|
|
|
.settings-whois {
|
|
margin-top: 1.5rem;
|
|
&__section {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 10px;
|
|
min-width: 400px;
|
|
}
|
|
&__section-address {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 5px;
|
|
min-width: 450px;
|
|
width: 50%;
|
|
max-width: 50%;
|
|
}
|
|
&__section-description {
|
|
display: inline-block;
|
|
margin-block-start: 1em;
|
|
min-width: 150px;
|
|
}
|
|
&__section-form {
|
|
display: inline-block;
|
|
width: 70%;
|
|
mat-form-field {
|
|
width: 90%;
|
|
min-width: 300px;
|
|
}
|
|
input:disabled {
|
|
border: 0;
|
|
}
|
|
}
|
|
&__loading {
|
|
margin: 2rem 0;
|
|
}
|
|
&__actions {
|
|
margin-top: 50px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-right: 50px;
|
|
button {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
}
|