Add CSS for CreateGroupDialog to give group ID input suffix and prefix style

This commit is contained in:
Luke Barnard 2017-11-03 15:39:24 +00:00
parent 04c866ce9c
commit 67bc346ebb
1 changed files with 27 additions and 0 deletions
src/skins/vector/css/matrix-react-sdk/views/dialogs

View File

@ -33,3 +33,30 @@ limitations under the License.
background-color: $primary-bg-color;
}
.mx_CreateGroupDialog_input.has_prefix.has_suffix {
border-radius: 0px;
}
.mx_CreateGroupDialog_input_group {
display: flex;
}
.mx_CreateGroupDialog_input_prefix,
.mx_CreateGroupDialog_input_suffix {
height: 35px;
padding: 0px 5px;
line-height: 37px;
background-color: $input-border-color;
border: 1px solid $input-border-color;
text-align: center;
}
.mx_CreateGroupDialog_input_prefix {
border-right: 0px;
border-radius: 3px 0px 0px 3px;
}
.mx_CreateGroupDialog_input_suffix {
border-left: 0px;
border-radius: 0px 3px 3px 0px;
}