summaryrefslogtreecommitdiff
path: root/www/css
diff options
context:
space:
mode:
authorARC <arjunrc@gmail.com>2015-05-02 16:36:34 -0400
committerARC <arjunrc@gmail.com>2015-05-02 16:36:34 -0400
commit3eb690e300d797433455c1fcbd9a769c15aa9d7c (patch)
treef366512aedac1bba31bf22e440edf49e7003bcf3 /www/css
parent9faf95be527b8b7c23e4ed4226c35bb771129f41 (diff)
Android Users Rejoice! Major updates: Android port works like a charm now. Integrated Crosswalk for good performance for Android phones, reworked Montage view to step around Chrome's problem of getting stuck in pending state for HTTP requests that don't close soon and more.
Diffstat (limited to 'www/css')
-rw-r--r--www/css/style.css24
1 files changed, 14 insertions, 10 deletions
diff --git a/www/css/style.css b/www/css/style.css
index 3c0e8339..1aadaba5 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -1,7 +1,16 @@
-/* Empty. Add your own CSS if you like */
-
-
+/* Using this for full screen modals for event and monitor mode */
+.modal{
+ top: 0 ;
+ bottom: 0 ;
+ left: 0 ;
+ right: 0 ;
+ width: 100% ;
+}
+/* I am using flexboxes to dynamicall adapt content
+in montage view.
+Credit: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
+*/
.wrapper {
display: -webkit-box;
display: -moz-box;
@@ -58,6 +67,7 @@
.footer { order: 4; }
}
+/* Not using this -eventually. Think notification badges on buttons */
.notification-badge{
position: absolute;
top: 3px;
@@ -65,10 +75,4 @@
font-size: 8px;
}
-.modal{
- top: 0 ;
- bottom: 0 ;
- left: 0 ;
- right: 0 ;
- width: 100% ;
-}
+