BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add focus to chat links

Browse Source
This commit is contained in:
KDSBrowne 2017-09-18 09:55:10 -07:00
parent e78e59e659
commit f20f432e74
2 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
bigbluebutton-html5/imports/ui/components/chat/message-form/styles.scss
View File

@ -1,5 +1,15 @@
@import "../../../stylesheets/variables/_all";
.brandedInputFocus {
&,
&:active {
&:focus {
outline: none !important;
border: 3px solid $color-primary;
}
}
}
.form {
flex-grow: 0;
flex-shrink: 0;
@ -42,6 +52,7 @@
}
.input {
@extend .brandedInputFocus;
flex: 1;
background: #fff;
border: $border-size solid $color-gray-lighter;

12
bigbluebutton-html5/imports/ui/components/chat/styles.scss
View File

@ -17,7 +17,19 @@
align-items: left;
flex-shrink: 0;
.brandedLinkFocus {
border: 3px solid $color-white;
&,
&:active {
&:focus {
outline: none !important;
border: 3px solid $color-primary;
}
}
}
a {
@extend .brandedLinkFocus;
text-decoration: none;
display: block;
}