agenda-libre/agenda-libre-ruby
agenda-libre/agenda-libre-ruby
2
1
Fork 0
Code Issues Pull Requests Releases Activity

Responsive font size

Browse Source
This commit is contained in:
echarp 2019-04-24 10:52:08 +02:00
parent 52c7b3ee69
commit 0b913986f5
4 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/all.sass
View File

@ -25,6 +25,7 @@ body
border: 1px solid #68A6E5 border: 1px solid #68A6E5
margin: 0.2% margin: 0.2%
padding: 1% padding: 1%
font-size: calc(8px + 1vw)
min-height: 99.1% min-height: 99.1%
text-align: center text-align: center
font-family: sans-serif font-family: sans-serif

3
app/assets/stylesheets/list.sass
View File

@ -18,8 +18,6 @@ table
background-color: #def background-color: #def
tr:nth-child(even) tr:nth-child(even)
background-color: #eee background-color: #eee
th
font-size: larger
td td
padding: 0.2em padding: 0.2em
text-align: left text-align: left
@ -53,7 +51,6 @@ ul.counters
color: white color: white
padding: 0.4em 1em padding: 0.4em 1em
display: inline-block display: inline-block
font-size: x-large
box-shadow: 0 0 2px black box-shadow: 0 0 2px black
border-radius: 0.4em border-radius: 0.4em
background-color: #258 background-color: #258

3
app/assets/stylesheets/mobile.sass
View File

@ -52,13 +52,10 @@
height: auto height: auto
margin: 1px margin: 1px
display: block display: block
font-size: larger
min-height: 1em min-height: 1em
border-width: 1px !important border-width: 1px !important
&.prev-month, &.next-month, &.current-month.past &.prev-month, &.next-month, &.current-month.past
display: none display: none
.day_number
font-size: initial
.event a .event a
padding: 0.4em 1em padding: 0.4em 1em
header header

25
public/iframeSample.html
View File

@ -1,16 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<style type="text/css"> <head>
html, body, iframe { <meta name="viewport" content="width=device-width, initial-scale=1">
width: 100%; <style type="text/css">
border: none; html, body, iframe {
height: 100%; width: 100%;
margin: 0; border: none;
background-color: #dfd; height: 100%;
} margin: 0;
iframe { height: 99%; } background-color: #dfd;
</style> }
iframe { height: 90%; width: 99%; }
</style>
</head>
<body> <body>
<iframe src='/?iframe=true'></iframe> <iframe src='/'></iframe>
</body> </body>
</html> </html>