Git Product home page Git Product logo

ep_line_spacing's Introduction

header

Introduce

안녕하세요. 백엔드 서버 개발자 이주호입니다.

MY Blog

Tech Stack

ETC

ep_line_spacing's People

Contributors

erikdw1 avatar jutiger-lee avatar

Watchers

 avatar

Forkers

erikdw1

ep_line_spacing's Issues

Button Bar Icon is missing

It would be great and more useful to display a Button Icon in the Button bar instead of the Text which clutters the "Button" Bar. A click on the Button could open up the Menu so people can choose from it. The chosen format could get highlighted as replacing it with a long text would crash the Button bar completely.

By Hover or longer Tapping with the finger (on tablet/phone), the actual chosen value could be shown in the title tag.
Screen Shot 2021-10-01 at 19 37 27

Accessibility can be achieved with the aria label like it is done by the developer of i.e. image_upload

<li class="separator acl-write"></li>

<li data-type="button" data-key="imageUpload" data-l10n-id="ep_image_upload.toolbar.image_upload.title">
  <a class="grouped-left ep_image_upload" data-align="0" data-l10n-id="ep_image_upload.toolbar.image_upload.title" title="Upload Image" aria-label="Upload Image">
    <button class="buttonicon ep_image_upload image_upload buttonicon-picture" data-align="0" aria-label="Upload Image"></button>
  </a>
</li>

Here you also don't write "Image Upload" so if that would be an argument that Image Upload would definitely need to be called "ImageUpload" instead. Now imagine how cluttered the Button Bar would become when it would be suddenly a "TextBar" instead.

In the same way, an ICON could be added to any Select Dropdown.
Replace additionally that "Try Me! in the example with an image and you have an accessible Icon dropdown Menu.
https://sparksuite.github.io/react-accessible-dropdown-menu-hook/demo/
Delete the Try Me and the Downward arrow stays - and could be also an icon for any of those dropdown option box headers

or in Vue
https://vue-select.org/

Formatting does not get exported

When exporting a complete formatted file the given values do not get exported to .doc, .md, .odt, .pdf, etc.
Check issue ether/etherpad-lite#5211 as it is not clear if it is a problem with the core import/export functionality or a problem with the plugins that provide that information. The document inside etherpad gets actually properly formatted by those plugins!

That is the page that got exported! You can upload the NEW.ETHERPAD.txt file - remove (txt) before uploading.
Screen Shot 2021-10-01 at 17 46 29
Other export formats look as follow - on the same page:
Github doesn't like all formats so .txt got added and needs to get removed first.


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.