pub/cssjs-func-lib
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: pub:180b7ee04b54876b6a9b89f0ec36b411e6f8826b
Branches Tags
pub:master
pub:feature/feedback-for-tablets
pub:feature/logit
pub:feature/selected-text
pub:feature/itooltip
pub:feature/flag-btn
...
compare: pub:0ad2da71b2e2a01d164082993d975d6b4b92f6d4
Branches Tags
pub:master
pub:feature/feedback-for-tablets
pub:feature/logit
pub:feature/selected-text
pub:feature/itooltip
pub:feature/flag-btn

2 Commits
180b7ee04b ... 0ad2da71b2

Author SHA1 Message Date
troy-grunt
0ad2da71b2 Merge pull request 'mache flag btn größer für tablets' (#11) from feature/39_touch-flaag into master 
Reviewed-on: #11
 2023-06-10 22:38:35 +02:00
titz lapi
79dc248825 mache flag btn größer für tablets 2023-06-10 22:34:00 +02:00
2 changed files with 10 additions and 1 deletions
Show Stats Expand all files Collapse all files

9
flag.css
View File

@ -10,6 +10,15 @@
z-index: 99999;
}
@media (max-width:1081px) {
#flag-panel {
border: 10px solid #fff;
border-top-left-radius: 23px;
border-bottom-left-radius: 23px;
margin-right: -135px;
}
}
#flag-panel.open {
margin-right: 0px !important;
}

2
flag.min.css vendored
View File

@ -1 +1 @@
#flag-panel{position:fixed;bottom:0;right:0;width:170px;border:1px solid #fff;border-top-left-radius:15px;border-bottom-left-radius:15px;margin-right:-145px;z-index:99999}#flag-panel.open{margin-right:0!important}#flag-panel.opened{transition:margin-right 1s}#flag-panel span{margin-right:10px;margin-left:5px}#flag-overlay{position:fixed;width:100%;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:9999}#flag-iframe{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:10000;background-color:#000;border:3px solid #fff;border-radius:1em;overflow-y:scroll;height:97vh;min-width:350px;width:80%;display:block;margin:0 auto;margin-top:1vh}#flag-overlay.closing{transition:opacity .5s}#flag-iframe.closing{transition:margin 1s ease,width 1s ease,height 1s ease;width:350px;height:170px;margin-top:calc(50vh - 50px);overflow:hidden}
#flag-panel{position:fixed;bottom:0;right:0;width:170px;border:1px solid #fff;border-top-left-radius:15px;border-bottom-left-radius:15px;margin-right:-145px;z-index:99999}@media (max-width:1081px){#flag-panel{border:10px solid #fff;border-top-left-radius:23px;border-bottom-left-radius:23px;margin-right:-135px}}#flag-panel.open{margin-right:0!important}#flag-panel.opened{transition:margin-right 1s}#flag-panel span{margin-right:10px;margin-left:5px}#flag-overlay{position:fixed;width:100%;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:9999}#flag-iframe{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:10000;background-color:#000;border:3px solid #fff;border-radius:1em;overflow-y:scroll;height:97vh;min-width:350px;width:80%;display:block;margin:1vh auto 0}#flag-overlay.closing{transition:opacity .5s}#flag-iframe.closing{transition:margin 1s,width 1s,height 1s;width:350px;height:170px;margin-top:calc(50vh - 50px);overflow:hidden}