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

[AIR] add background for TopButtons and chat's SendButton

Browse Source
This commit is contained in:
Chad Pilkey 2018-04-06 14:27:04 -07:00
parent cd5ead3044
commit 3632f14f92
9 changed files with 51 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
clients/flash/air-client/src/Default.css
View File

@ -311,9 +311,9 @@ settings|SettingsItemRenderer {
} }
.sendButton { .sendButton {
color : PropertyReference("blue500"); color : PropertyReference("bbbWhite");
fontFamily : BBBIcons; fontFamily : BBBIcons;
borderColor : PropertyReference("blue500"); backgroundColor : PropertyReference("bbbBlue");
skinClass : ClassReference("org.bigbluebutton.air.chat.views.skins.SendButtonSkin"); skinClass : ClassReference("org.bigbluebutton.air.chat.views.skins.SendButtonSkin");
} }

13
clients/flash/air-client/src/css/hdpi.css
View File

@ -33,10 +33,6 @@
fontSize: 25.50; fontSize: 25.50;
} }
main|TopToolbarBase {
height: 60.00;
}
views|NoTabView { views|NoTabView {
toolbarHeight: 60.00; toolbarHeight: 60.00;
} }
@ -132,7 +128,6 @@
} }
.sendButton { .sendButton {
borderWeight: 1.50;
diameter: 42.00; diameter: 42.00;
} }
@ -144,6 +139,8 @@
.topButton { .topButton {
fontSize: 33.00; fontSize: 33.00;
height: 57.00;
width: 57.00;
} }
.saveButton { .saveButton {
@ -151,11 +148,11 @@
} }
.topLeftButton { .topLeftButton {
left: 22.50; left: 0;
} }
.topRightButton { .topRightButton {
right: 22.50; right: 0;
} }
.actionButton { .actionButton {
@ -192,6 +189,8 @@
.chatIcon, .settingsIcon { .chatIcon, .settingsIcon {
fontSize: 33.00; fontSize: 33.00;
width: 33.00;
height: 33.00;
} }
.recordIcon { .recordIcon {

13
clients/flash/air-client/src/css/ldpi.css
View File

@ -33,10 +33,6 @@
fontSize: 12.750; fontSize: 12.750;
} }
main|TopToolbarBase {
height: 30.000;
}
views|NoTabView { views|NoTabView {
toolbarHeight: 30.000; toolbarHeight: 30.000;
} }
@ -132,7 +128,6 @@
} }
.sendButton { .sendButton {
borderWeight: .750;
diameter: 21.000; diameter: 21.000;
} }
@ -144,6 +139,8 @@
.topButton { .topButton {
fontSize: 16.500; fontSize: 16.500;
height: 28.500;
width: 28.500;
} }
.saveButton { .saveButton {
@ -151,11 +148,11 @@
} }
.topLeftButton { .topLeftButton {
left: 11.250; left: 0;
} }
.topRightButton { .topRightButton {
right: 11.250; right: 0;
} }
.actionButton { .actionButton {
@ -192,6 +189,8 @@
.chatIcon, .settingsIcon { .chatIcon, .settingsIcon {
fontSize: 16.500; fontSize: 16.500;
width: 16.500;
height: 16.500;
} }
.recordIcon { .recordIcon {

13
clients/flash/air-client/src/css/mdpi.css
View File

@ -33,10 +33,6 @@
fontSize: 17.0; fontSize: 17.0;
} }
main|TopToolbarBase {
height: 40.0;
}
views|NoTabView { views|NoTabView {
toolbarHeight: 40.0; toolbarHeight: 40.0;
} }
@ -132,7 +128,6 @@
} }
.sendButton { .sendButton {
borderWeight: 1.0;
diameter: 28.0; diameter: 28.0;
} }
@ -144,6 +139,8 @@
.topButton { .topButton {
fontSize: 22.0; fontSize: 22.0;
height: 38.0;
width: 38.0;
} }
.saveButton { .saveButton {
@ -151,11 +148,11 @@
} }
.topLeftButton { .topLeftButton {
left: 15.0; left: 0;
} }
.topRightButton { .topRightButton {
right: 15.0; right: 0;
} }
.actionButton { .actionButton {
@ -192,6 +189,8 @@
.chatIcon, .settingsIcon { .chatIcon, .settingsIcon {
fontSize: 22.0; fontSize: 22.0;
width: 22.0;
height: 22.0;
} }
.recordIcon { .recordIcon {

13
clients/flash/air-client/src/css/xhdpi.css
View File

@ -21,10 +21,6 @@
fontSize : 34; fontSize : 34;
} }
main|TopToolbarBase {
height : 80;
}
views|NoTabView { views|NoTabView {
toolbarHeight : 80; toolbarHeight : 80;
} }
@ -120,7 +116,6 @@
} }
.sendButton { .sendButton {
borderWeight : 2;
diameter : 56; diameter : 56;
} }
@ -132,6 +127,8 @@
.topButton { .topButton {
fontSize : 44; fontSize : 44;
height : 76;
width : 76;
} }
.saveButton { .saveButton {
@ -139,11 +136,11 @@
} }
.topLeftButton { .topLeftButton {
left : 30; left : 0;
} }
.topRightButton { .topRightButton {
right : 30; right : 0;
} }
.actionButton { .actionButton {
@ -180,6 +177,8 @@
.chatIcon, .settingsIcon { .chatIcon, .settingsIcon {
fontSize : 44; fontSize : 44;
width: 44;
height: 44;
} }
.recordIcon { .recordIcon {

13
clients/flash/air-client/src/css/xxhdpi.css
View File

@ -33,10 +33,6 @@
fontSize: 51.0; fontSize: 51.0;
} }
main|TopToolbarBase {
height: 120.0;
}
views|NoTabView { views|NoTabView {
toolbarHeight: 120.0; toolbarHeight: 120.0;
} }
@ -132,7 +128,6 @@
} }
.sendButton { .sendButton {
borderWeight: 3.0;
diameter: 84.0; diameter: 84.0;
} }
@ -144,6 +139,8 @@
.topButton { .topButton {
fontSize: 66.0; fontSize: 66.0;
height: 114.0;
width: 114.0;
} }
.saveButton { .saveButton {
@ -151,11 +148,11 @@
} }
.topLeftButton { .topLeftButton {
left: 45.0; left: 0;
} }
.topRightButton { .topRightButton {
right: 45.0; right: 0;
} }
.actionButton { .actionButton {
@ -192,6 +189,8 @@
.chatIcon, .settingsIcon { .chatIcon, .settingsIcon {
fontSize: 66.0; fontSize: 66.0;
width: 66.0;
height: 66.0;
} }
.recordIcon { .recordIcon {

13
clients/flash/air-client/src/css/xxxhdpi.css
View File

@ -33,10 +33,6 @@
fontSize: 68; fontSize: 68;
} }
main|TopToolbarBase {
height: 160;
}
views|NoTabView { views|NoTabView {
toolbarHeight: 160; toolbarHeight: 160;
} }
@ -132,7 +128,6 @@
} }
.sendButton { .sendButton {
borderWeight: 4;
diameter: 112; diameter: 112;
} }
@ -144,6 +139,8 @@
.topButton { .topButton {
fontSize: 88; fontSize: 88;
height: 152;
width: 152;
} }
.saveButton { .saveButton {
@ -151,11 +148,11 @@
} }
.topLeftButton { .topLeftButton {
left: 60; left: 0;
} }
.topRightButton { .topRightButton {
right: 60; right: 0;
} }
.actionButton { .actionButton {
@ -192,6 +189,8 @@
.chatIcon, .settingsIcon { .chatIcon, .settingsIcon {
fontSize: 88; fontSize: 88;
width: 88;
height: 88;
} }
.recordIcon { .recordIcon {

13
clients/flash/air-client/src/org/bigbluebutton/air/chat/views/skins/SendButtonSkin.mxml Normal file → Executable file
View File

@ -13,10 +13,9 @@
<fx:Script> <fx:Script>
<![CDATA[ <![CDATA[
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void { override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
border.width = border.height = getStyle("diameter"); background.width = background.height = getStyle("diameter");
borderStroke.color = getStyle("borderColor"); backgroundFill.color = getStyle("backgroundColor");
borderStroke.weight = getStyle("borderWeight");
labelDisplay.text = getStyle("icon"); labelDisplay.text = getStyle("icon");
@ -35,10 +34,10 @@
<!-- layer 7: border - put on top of the fill so it doesn't disappear when scale is less than 1 --> <!-- layer 7: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
<!--- @private --> <!--- @private -->
<s:Ellipse id="border"> <s:Ellipse id="background">
<s:stroke> <s:fill>
<s:SolidColorStroke id="borderStroke" /> <s:SolidColor id="backgroundFill" />
</s:stroke> </s:fill>
</s:Ellipse> </s:Ellipse>
<!-- layer 8: text --> <!-- layer 8: text -->

7
clients/flash/air-client/src/org/bigbluebutton/air/main/views/skins/TopButtonSkin.mxml Normal file → Executable file
View File

@ -10,6 +10,8 @@
<![CDATA[ <![CDATA[
override protected function updateDisplayList(w:Number, h:Number):void { override protected function updateDisplayList(w:Number, h:Number):void {
super.updateDisplayList(w, h); super.updateDisplayList(w, h);
background.width = getStyle("width");
background.height = getStyle("height");
icon.setStyle("color", getStyle("iconColor")); icon.setStyle("color", getStyle("iconColor"));
icon.text = getStyle("icon"); icon.text = getStyle("icon");
@ -24,6 +26,11 @@
<s:State name="over" /> <s:State name="over" />
<s:State name="up" /> <s:State name="up" />
</s:states> </s:states>
<s:Rect id="background">
<s:fill>
<s:SolidColor id="backgroundFill" alpha="0" />
</s:fill>
</s:Rect>
<s:Label id="icon" <s:Label id="icon"
horizontalCenter="0" horizontalCenter="0"
verticalCenter="0" /> verticalCenter="0" />