Giter VIP home page Giter VIP logo

itop-bubble-caselogs's People

Contributors

molkobain avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

itop-bubble-caselogs's Issues

Medallion pictures not working in portal

iTop 2.5.3+ / 2.6.2+ / 2.7.0+

Due to a security fix, trying to retrieve document through the console ajax.render.php endpoint doesn't work anymore, we need to modify the extension so it uses the one on the portal.

Warning: The new endoint might not exists on all versions, so we have to be careful.

some way for improving visual

here are some possible improvements when styling those bubbles :
(let's say when using the extension there were some violent reactions)

example here : https://pasteboard.co/JMVcKfz.png

#whitening content background (because when typing in some content the background is light with rich editor so that way it maintains readability of rich and mixed cut&past content)
#inner rounding
#thickness adjustment

.mbc-tcbe-content {
    color: black;
    background: #fAfAfA;
    padding: 14px;
    margin: -3px;
    border-radius: 5px;
}

# outer rounding
.molkobain-bubble-caselogs .mbc-thread .mbc-thread-content .mbc-tcb-entries {
    border-radius: 5px;
}

# user color (aka "identité du demandeur"): #457b3d4f
# agent color (aka "intervenant en charge du dossier"): #ffffff54
# other agent variant (aka "autre intervenant A") : #acb4d2c7
# other agent variant (aka "autre intervenant B") : #bda1a1a8

then, quick n dirty experiment to group all agents to the right side i mixed in div.mbc-tc-block classes mbc-tc-block-color-xandmbc-tc-block-me to inherit "me" right aligned and "color-x" color definitions - except for the ::before element that links the bubble to the user avatar

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.