GithubHelp home page GithubHelp logo

Comments (9)

codesache avatar codesache commented on June 11, 2024 1

schau mal bei mir unter https://www.codesache.de/ ob das bei dir passt. Habe ich ein iPhone x und 6s beides unter Chrome getestet und passt. Sonst zieh dir das CSS als Basis bei mir raus.

from contao-cookiebar.

doishub avatar doishub commented on June 11, 2024 1

Ich versuche es mal zu reproduzieren und werde ein entsprechendes Update bereitstellen.

from contao-cookiebar.

codesache avatar codesache commented on June 11, 2024 1

Ich denke auch das es ausreichend ist wie hier beschrieben als Teaser + Link zum Datenschutz.
https://datenschutz-generator.de/bgh-cookies-opt-in-faq-checkliste/#Wann_ist_eine_Einwilligung_transparent_und_informiert

from contao-cookiebar.

codesache avatar codesache commented on June 11, 2024

Schau dir mal die zwei CSS Änderungen an. Das kann sein, das es abgeschnitten wird.
Ich habe es bei mir so lösen können, das der zu lange Teil als overflow: scroll; bedienbar bleibt.
Alternativ die Texte anteasern und auf die Datenschutzseite verweisen.

.contao-cookiebar {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
font-size: 0;
text-align: center;
padding: 15px;
max-height: 100vh;
box-sizing: border-box;
pointer-events: none;
overflow: scroll;
}

.contao-cookiebar .cc-inner {
display: inline-block;
max-width: 100%;
opacity: 0;
pointer-events: none;
visibility: hidden;
font-size: 1rem;
text-align: left;
}

from contao-cookiebar.

githuppi avatar githuppi commented on June 11, 2024

Hallo codesache,

danke für deinen Beitrag.

Schau dir mal die zwei CSS Änderungen an. Das kann sein, das es abgeschnitten wird. Ich habe es bei mir so lösen können, das der zu lange Teil als overflow: scroll; bedienbar bleibt.

Bei mir wird in der Darstellung nichts abgeschnitten. Ich kann mich problemlos durch die „Textwüsten“ scrollen. Allerdings übersieht der Nutzer so vielleicht einen weiteren Punkt den er aktivieren kann. Zum Beispiel die Videos.

Alternativ die Texte anteasern und auf die Datenschutzseite verweisen.

Das anteasern mit kürzeren Texten und der Verlinkung zur Datenschutzseite würde bei einem „Siteblocker“ nicht zum Erfolg führen, da der Nutzer weiterhin diesen Blocker in Form des Popups zur Zustimmung/Ablehnung von Cookies bekommt. Hier muss also ausführlich stehen was ich zustimmen möchte oder nicht.

from contao-cookiebar.

codesache avatar codesache commented on June 11, 2024

Dann nimm doch die Datenschutzseite vom Siteblocker in der Konfig raus, dann kann sich der User alles durchlesen. Auf der Seite sollte dann kein Tracking und co stattfinden.

Die CSS Änderung hatte ich bei mir verwendet, nach dem längere Texte im iPhone im Chrome abgeschnitten wurden.

from contao-cookiebar.

githuppi avatar githuppi commented on June 11, 2024

Ich muss mich korrigieren:

Bei mir wird in der Darstellung nichts abgeschnitten. Ich kann mich problemlos durch die „Textwüsten“ scrollen. Allerdings übersieht der Nutzer so vielleicht einen weiteren Punkt den er aktivieren kann. Zum Beispiel die Videos.

Im Desktop-Browser Chrome funktioniert die Darstellung bei langen Texten problemlos.

Auf dem iPhone wird der lange Text „verschluckt“. Auch deine CSS Anpassungen @codesache haben keine Wirkung erzielt. Es scheint ein Styling Problem zu sein.

from contao-cookiebar.

codesache avatar codesache commented on June 11, 2024

da gibt es jetzt ein extra Ticket dazu
#27

from contao-cookiebar.

doishub avatar doishub commented on June 11, 2024

Bzgl. des eigentlichen Wunsches, würde ich wie @codesache bereits geschrieben hat, ausschließlich die wichtigsten Informationen anzeigen statt den gesamten Datenschutz aufzunehmen. Dieser kann ja aus der Cookiebar heraus verlinkt und die Cookiebar selber kann auf der Datenschutzseite ausgeblendet werden.

Andernfalls könntest du überlegen den Text in den Beschreibungen kleiner zu machen um Platz zu sparen oder das beschriebene Verhalten in einem eigenen Template abzubilden.

from contao-cookiebar.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.