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
margin: 0.2%
padding: 1%
font-size: calc(8px + 1vw)
min-height: 99.1%
text-align: center
font-family: sans-serif

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

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

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

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

25
public/iframeSample.html
View File

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